CSS – Centrar Botones sin Anchura Fija
Publicado por Iván Gajate el 16 de junio de 2014 en css, Desarrollo Web
Una cosa muy común es querer centrar los botones de un menú en horizontal sin conocer sus dimensiones.
inline-block al rescate!! 😀
Inline block hace que los elementos se comporten como bloques de texto en línea, y por lo tanto se colocan en horizontal uno a la derecha del otro, y al centrar el contenedor, se centran los botones 🙂
http://jsfiddle.net/yporqueno/dYLxN/
<ul class="botonera"> <li>Sección 1</li> <li>Sección 2</li> <li>Sección 3</li> <li>Sección 4</li> </ul> |
.botonera { text-align: center; } .botonera>li { display: inline-block; } |
Gracias Javi!! 😀
16 de junio de 2014 a las 15:35
Las que tú tienes!!
XD