Een niet gesorteerde lijst (ofwel UL) horizontaal weergeven en wanneer te breed, de nieuwe items (ofwel LI) eronder gecentreerd weergeven. Om het makkelijker te maken een afbeelding erbij:
De oplossing:
ul li {
/* horizontaal weergeven */
position: relative;
display: inline-block;
/* voor de show even erbij */
text-align: center;
border:1px solid red;
}
/* centreren */
ul { text-align:center; }
Is altijd simpel!
