Próbuje wyśrodkować w pionie zawartość elementu blokowego przy jednoczesnym umiejscowieniu sąsiadującego elementu przy prawej krawędzi. Wyśrodkowanie się udaje, niestety element sąsiadujący nie chce pływać

Powinno to wyglądać tak:

Niestety wygląda tak:

Kod HTML/CSS:
<style> ul { border: 3px solid red; list-style: none; margin: 0; padding: 0; } ul li { display: table-cell; vertical-align: middle; } ul li:first-child { border: 3px solid blue; } ul li:last-child { border: 3px solid green; } </style> <ul> <li> <span> Lorem ipsum dolor sit amet </span> </li> <li> <span> Lorem ipsum dolor sit amet,<br /> consectetur adipisicing elit.<br /> Minus, ab, similique,<br /> iusto vitae quaerat aspernatur </span> </li> </ul>
Czy ktoś wie jak uzyskać zamierzony efekt?
Z góry dziękuję za pomoc!