Saltar al contenido

¿Cómo centrar una lista desordenada?

Solución:

ul {
  display: table;
  margin: 0 auto;
}
<html>

<body>
  <ul>
    <li>56456456</li>
    <li>4564564564564649999999999999999999999999999996</li>
    <li>45645</li>
  </ul>
</body>

</html>

Para centrar la alineación de una lista desordenada, debe utilizar la propiedad de alineación de texto CSS. Además de esto, también debe colocar la lista desordenada dentro del elemento div.

Ahora, agregue el estilo a la clase div y use la propiedad text-align con center como su valor.

Vea el siguiente ejemplo.

<style>
.myDivElement{
    text-align:center;
}
.myDivElement ul li{
   display:inline;

 }
</style>
<div class="myDivElement">
<ul>
    <li>Home</li>
    <li>About</li>
    <li>Gallery</li>
    <li>Contact</li>
</ul>
</div>

Aquí está el sitio web de referencia Center Align Unordered List

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *