У меня здесь сложная проблема. Я хотел бы вертикально выровнять текст внутри кнопки
<button id="rock" onClick="choose(1)">Rock</button>
И вот мой CSS
button {
font-size: 22px;
border: 2px solid #87231C;
border-radius: 100px;
width: 100px;
height: 100px;
color: #FF5A51;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
button:active {
font-size: 22px;
border: 2px solid red;
border-radius: 100px;
width: 100px;
height: 100px;
}
Здесь вы можете проверить http://jsfiddle.net/kA8pp/. Я хочу, чтобы текст был внизу. Большое спасибо!
РЕДАКТИРОВАТЬ: Я не могу это объяснить, поэтому вот его картина http://i.imgur.com/WGKltUa.png:)