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)