[SOLUCIONADO] Alinear <button> css

[CeKiT]

Hola a todos.

Alguien que pueda ayudarme a alinear verticalmente estos tres <button>




Quiero que los tres queden alineados y no puedo hacerlo. Una ayudita?

Gracias.

[moro666]

Me imgaino que simplemente debes tener los tres <button> seguidos sin mas.
Hay varias formas, te digo dos y tu pruebas:

1.- Los pones los tres dentro un div, talcual:

Código HTML:

<div><button><button><button></div>
 

Y a ese div le das de anchura lo que un boton, tecnicamente asi deberia bastar, pero como esta opcion no la he probado nunca te dejo otra solucion:

2.- Lo de siempre, una listita, <ul><li>, dentro de cada <li> pones el <button> y a los li les pones list-style none y float left. Esto si ha de funcionar 100% seguro.

Ya me diras que tal te funciono todo!

[CeKiT]

Hola, mira lo puse asi pero sigue sin alinearse.

Código HTML:

<ul>
<li style="list-style:none; float:left;">
<button style="height:65px; width:270px; text-align:left; background: url('../img/icon/servidor.png') 12px no-repeat;"><span style="color:#000; text-align:left; padding-left:40px; font-weight: bold;">Servidor</span><BR><span style="font-size:11px; padding-left:40px; color:#1d1d1d;">Enciende, Apaga y Reinicia tu servidor.</span></button>
</li>
 
<li style="list-style:none; float:left;">
<button style="height:65px; width:270px; text-align:left; background: url('../img/icon/config.png') 12px no-repeat;"><span style="color:#000; text-align:left; padding-left:40px; font-weight: bold;">Configuracion</span><BR><span style="font-size:11px; padding-left:40px; color:#1d1d1d;">Configuracion basica de tu servidor.</span></button>
</li>
 
<li style="list-style:none; float:left;">
<button style="height:65px; width:270px; text-align:left; background: url('../img/icon/firewall.png') 12px no-repeat;"><span style="color:#000; text-align:left; padding-left:40px; font-weight: bold;">Firewall</span><BR><span style="font-size:11px; padding-left:40px; color:#1d1d1d;">Administra los bloqueos.</span></button>
</li>
 
</ul>
 

gracias

[CeKiT]

Me di cuenta que tenia un with mal puesto entonces no me dejaba alinear los button pero ya esta muchas gracias me sirvio!