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!