ю, что о вертикальном выравнивании всегда спрашивают, но я не могу найти решение для этого конкретного примера. Мне бы хотелось, чтобы текст был в центре элемента, а не сам элемент:

HTML:

<ul>
    <li><a href="">I would like this text centered vertically</a></li>
</ul>

CSS:

li a {
    width: 300px;
    height: 100px;
    margin: auto 0;
    display: block;
    background: red;
}

li a {
    width: 300px;
    height: 100px;
    margin: auto 0;
    display: block;
    background: red;
}

<ul>
    <li><a href="">I would like this text centered vertically</a></li>
</ul>

Неужели для этого нет свойства CSS3? Я был бы готов добавить<span> но я действительно не хочу добавлять больше разметки, чем эта.

Спасибо!