• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Zwei div's nebeneinander will irgendwie nicht klappen

LexiPC

Neues Mitglied
Ein Hallo in die Runde, hier ist die Lexi und ich bin sozusagen sehr frisch in der Internetwelt. In den letzten Monaten habe ich versucht, mir einiges beizubringen aber aktuell verzweifle ich an einem Problem.

Ich möchte gerne links oben auf der Seite ein Logo haben, und rechts oben in der Ecke einen Menübutton.

Was ich auch versuche, alles erscheint immer untereinander.

Vielleicht hat ja jemand den entscheidenden Tipp.

Lexi.

Die index.php hier:
Code:
<!DOCTYPE HTML>
<html>

    <head>
   
        <title>Startseite</title>
   
    </head>

    <body>
   
        <div class="divHeader">
            <div class="divHeaderItem"><img style="display: block;" src="img/Logo.png" width="131" height="35"></div>
            <div class="divHeaderSpacer">spacer</div>
            <div class="divHeaderItem"><p>HAMBURGER</p></div>
        </div>
       
        <div class="divLoginBox">LOGIN</div>
       
        <div class="divFooter">FOOTER1</div>
       
    </body>
   
</html>

Das style:
Code:
.divHeader {
    display: flex;
    justify-content: space-between;
}

.divHeaderItem {
   
}

.divHeaderSpacer {
    flex-grow: 1;
}

.divLogo {
   
}

.divLoginBox {
   
}

.divFooter {
       
}
 
Werbung:
Werbung:
Zurück
Oben