Come centrare la lista

Impara come utilizzare CSS per centrare la lista.

lista centrata

  • Caffè
  • Tè
  • Cola

centra la lista HTML

Primo passo - Aggiungi HTML:

aggiungi <ul> l'elemento è avvolto dall'elemento contenitore, ad esempio <div>：

<div class="container">
  <ul class="myUL">
    <li>Caffè</li>
    <li>Tè</li>
    <li>Cola</li>
  </ul>
</div>

Secondo passo - Aggiungi CSS:

aggiungi <div> l'elemento centrato e aggiungi <ul> cambia la visualizzazione di inline-block。

oppure, puoi allineare a sinistra gli elementi della lista per ottenere una vista più ordinata:

div.container {
  allineamento al centro;
{}
ul.myUL {
  visualizzazione in linea bloccante;
  allineamento a sinistra;
{}

Prova da solo

Pagine correlate

Tutorial:Allineamento CSS