Css, um zwei Kästchen übereinander auszurichten

Ich habe ein Design geerbt, bei dem ein Bild mit "float: right" an der rechten Seite des Ansichtsfensters ausgerichtet ist. Jetzt möchte ich einen Tagline-Text oberhalb oder unterhalb des Bildes hinzufügen, der ebenfalls an der rechten Seite des Ansichtsfensters ausgerichtet ist. Ich darf das Box-Modell whatsover und/oder float nicht verstehen, weil meine Bemühungen dazu führen, dass das Tagline- und das Bild-Rendering nebeneinander oder das Bild linksbündig am Anfang des Slogans steht.Css, um zwei Kästchen übereinander auszurichten

Unten ist mein CSS, dass rechts nur den Slogan ausrichtet. Danke im Voraus.

<div style="margin:5px; float:right;"> 
    <p>dexygen: Powering the Desk Wide Web</p> 
</div>

Quelle

2010-11-25 George Jempty

Danke an alle, dass sie mich an Clear erinnert haben Ich habe Anfang des Monats im zweiten Kapitel von CSS Mastery darüber gelesen, werde es ausprobieren und bald eine Antwort annehmen. –

setzen <div style="clear: both";></div> nach dem Bild :)

Quelle

2010-11-25 12:19:58 benhowdle89

Vielleicht haben Sie clear: both auf das Bild verwenden, können nicht außer es nichts zu ermöglichen. Ansonsten können Sie nicht nur ein div mit dem Bild schweben und die <p> -tagline (oder ein <br> verwenden? Das sollte sich auf getrennte Linien setzen.

Quelle

2010-11-25 12:21:43 Jordi

Try clear:right; auf Ihre <div> Zugabe zu zwingen, und Anzeige zu löschen drunter, wie du willst

Quelle

2010-11-25 12:21:58 CherryFlavourPez

Css, um zwei Kästchen übereinander auszurichten

Antwort

Verwandte Themen