Wie kann ich ein Element hübsch rechts floaten lassen

  • Hi,
    Ich habe ein div "A" und will daneben ein zweites div "B" anzeigen.
    Wenn div B im html vor das div A schreibe mit dem style="width: 300px, float: right" wird alles korrekt angezeigt.

    Aber wie ist es möglich im html die divs in der Richtung des Erscheines zu schreiben (erst A dann B) und dass B dann trotzdem rechts mit einer Breite von 300px erscheint?

    Danke für Hilfe!
    Frank

  • Dann hast du das auch falsch verstanden.
    Du brauchst einen Flex-Container... <div class="container">
    und in diesem Container packst du deine Flex-Items <div class="a"> und <div class="b"> hinein.

    HTML
    <div class="container">
       <div class="a">....</div>
       <div class="b">....</div>
    </div>


    Dann bekommt 'container' im CSS das 'display: flex:' und weitere Formatierungen gem dem Link, den ich gepostet habe.

    PS ... flex-direction: column; ist auf jeden Fall nicht das, was du willst... das setzt die Flex-Items untereinander!

    if(!sleep)

    {$sheep++;}