3 Spalten einrichten für 2 Bilder nebeneinander und eine Liste

[JanHu]

Möchte 2 Bilder links haben und eine ul rechts, alles Nebeneinander. Zur Zeit werden die Bilder untereinander angezeigt , darunter dann die unsortierte Liste

Die Bilder und ul sind jeweils in einem Div z.B.
<div class="#steuerunglinks">

<img src="bilder/Bild.jpg" alt="Bild1">
</div>


div
{
font-family: Calibri; Arial, Helvetica; sans-serif; Papyrus;
font-size: 22pt;

}


#steuerunglinks
{
border-style: dotted;
border-width: 5pt;
border-color: crimson;
float: left;
text-align: left;

width: 105pt;
height: 350pt;
margin-left: 5pt;
margin-top: 10pt;
}

section
{
border-style: dotted;
border-width: 5pt;
border-color: red;
float: center;
text-align: center;

width: 197pt;
height: 350pt;
margin-left: 5pt;
margin-top: 10pt;
}


aside

{
border-style: dotted;
border-width: 5pt;
border-color: crimson;
text-align: right;
font-family: Calibri; Arial, Helvetica; sans-serif; Papyrus;
font-size: 18pt;
margin-top: 10pt;
float: right;
}

Bin Anfänger, was habe ich denn verkehrt gemacht?

 

[Gelöschtes Mitglied 36401]

Crossposting: https://www.html-seminar.de/forum/t...spalten-und-ul-rechts/?postID=60314#post60314

 

[MrMurphy]

Bin Anfänger, was habe ich denn verkehrt gemacht?

Du verwendest zum Beispiel statt des figure-Elements das div-Element.

Entscheidend für dein Problem ist aber die Verwendung von float. Float dient dazu, dass Text andere Elemente umfließt. Nicht aber um Elemente nebeneinander anzuordnen.

Dazu gibt es im CSS entweder Flexbox (display: flex) oder CSS-Grid (display: grid). Für deinen Anordnungswunsch ist wahrscheinlich Flexbox sinnvoller.