Я пытаюсь сделать ссылку, которая имеет height
и width
200px.
Текст ссылки должен быть центрирован по вертикали и горизонтали.
Это мой CSS:
a:link.Kachel {
width: 200px;
height: 200px;
margin: 0 auto;
display: block;
text-align: center;
background: #383838;
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
}
и этот HTML-код:
<tr>
<td>
<a class="Kachel" href="#">Test</a>
</td>
</tr>
Текст горизонтально центрирован, но не вертикально.
Любая идея, как получить текст, центрированный как по горизонтали, так и по-доброму?