Tengo creado un estilo muy simple para los botones de una web que estoy desarrollando...
.cmd
{
border-right: black 1px solid;
border-top: black 1px solid;
font-size: 11px;
text-transform: capitalize;
border-left: black 1px solid;
cursor: hand;
color: black;
border-bottom: black 1px solid;
font-family: Verdana;
background-color: grey;
}
Me sucede que cuando mayor es el texto que pongo dentro del botón, mayor es el espacio que me deja por la derecha y por la izquierda. Es decir, si en el botón escribo "Hola" quizás por la derecha y la izquierda me deje 2 píxels; pero si escribo "Púlsame para probar ahora y aquí" me deja 10 0 15 píxels!
¿Alguien sabe el porqué?