Centrar una enumeración con HTML

S

SoySara #1 Dic '15

Buenas quería saber como centrar una enumeración en HTML. He puesto esto pero no se me centran los puntos del <li> y quiero que tambien se centren.Ayuda!

<div align=center><strong>Servicios:</strong>
<ul>
<li>Wifi gratis</li>
<li>Parking</li>
<li>Salón privado</li>
</ul>
</div>

D

deiFFok #2 Dic '15

Así de primeras se me ocurre esto:

<div align="center"><strong>Servicios:</strong>
<ul>
<div style="width:100px; text-align:center;">
<li> Wifi gratis</li></span>
<li> Wifi gratis</li></span>
<li> Wifi gratis</li></span>
<li> Wifi gratis</li></span>
</ul>
</div>

PD: funciona

1 respuesta

S

SoySara #3 Dic '15

#2 Mil gracias! ¿Existe alguna forma de ponerlo sin el </span>?¿De ser así como?¿No falta por cerrar el div de servicios?.

2 respuestas

eXtreM3 #4 Dic '15

#3 sí, ese código está escrito rápido, sobran los span y el ul se abre dentro del div, todo ordenadito y escalonado.

1 respuesta

D

deiFFok #5 Dic '15

#4 #3 corresto X)

<div style="width:100%;">
    <div style="width:150px; text-align:center; margin:0 auto;">
      <strong>Servicios:</strong>
    <ul>
      <li> Wifi gratis</li>
      <li> Wifi gratis</li>
      <li> Wifi gratis</li
      <li> Wifi gratis</li
    </ul>
   </div>
</div>

Edit: Creo que ahora sí x'D

eXtreM3 #6 Dic '15

Gracias Sara.

Centrar una enumeración con HTML

Usuarios habituales

Tags