Ik ben wat het stoeien met m'n HTMl +CSS opmaak.
Ik heb een aantal UL-elementen met als display flex , deze zet de LI-elementen netjes naast elkaar.
Nu wil ik bijvoorbeeld de laatste niet ernaast maar eronder en dacht dit simpel weg met de clear te kunnen doen, maar deze werkt niet helaas.
Is er een andere manier om een flex element uit de rij te krijgen?
Hieronder een klein voorbeeld
HTML:
<ul>
<li style="background-color:tomato;">1</li>
<li style="background-color:orange;">2</li>
<li style="background-color:lightgreen;">3</li>
<li style="background-color:lightblue; clear:both;">4</li>
</ul>
CSS:
ul{
list-style:none;
display:flex;
}
li{
flex-basis:100%;
}
