Witam,

Chciałbymwyrównać w pionie tekst wewnątrz bloku. Czy tylko display:
table-cell do tego celu sie nadaje? Oto konstrukcja:

<ul class="kolumnaButtonów">
<li>tekst wielowierszowy<br>kolejna linia</li>
<li>tekst wielowierszowy<br>kolejna linia</li>
<li>tekst wielowierszowy<br>kolejna linia</li>
</ul>

Lista pełni rolę kolumny o pewnej szerokości (np. 150px) a elementy <li>
będą działać jak przyciski o wysokości 50ox. Chciałbym aby teksty (1 - 3
linie) centrowały się w tych blokach. Wolałbym uniknąć wstawiania do środka
<li> dodatkowych tagów - jeśli się da. Problem w tym, że jeśli każdy <li>
ma być w innej linii, to powinien być on typu display: table-row. Z kolei
aby moż nbyło tekst wycentrować to pewnie będzie trzeba umieścić go w <div
style="display: table-cell; vertical-allign: middle">tu tekst</div>

Czy da się to prościej osiągnąć?

Przy okazji: czy display: table-cell musi być koniecznie w innym elemencie
typu display:table? Czy może w prawidłowy sposób funkcjonować samodzielnie?

Czy element table-row może mieć tekst zamiast innego elementu/ów typu
table-cell?