HTML: Wie kann ich Text neben mein Video positionieren?
Hallo,
ich habe noch einmal eine Frage. Wie schaffe ich es, dass ein Text in HTML neben meinem Video ist?
Bisher habe ich das:
<video width="420" height="280" controls>
<source src="katzenvideo.mp4" type="video/mp4">
</video>
<p style="float: right;">Hier ist dann der Text der neben dem Video erscheinen soll und nicht darunter.</p>
<div style="clear: both;"></div>
Jetzt ist der Text allerdings zu weit rechts. Ich hätte gerne, dass der direkt neben dem Video ist.
Was muss ich ändern? Kennt jemand den Code?
Danke im Voraus. :)
1 Antwort
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, programmieren
Schreibe ihn einfach daneben und lass den float-Style weg.
<p>
<!-- video -->
Hier ist dann der Text der neben dem Video erscheinen soll und nicht darunter.
</p>
Um noch einen Abstand zwischen Video und Text zu schaffen, kannst du einen Außenabstand für das Video definieren:
<video style="margin-right: 10px" ...>
Wenn der Text an der oberen Kante des Videos anfangen soll, klappt das mit diesem Style:
<video style="float: left; margin-right: 10px" ...>