vertical-align in <li>

[maaaax]

Hi,

jaja, ich weiß, dass <li> nicht display:inline ist.
Aber ich suche dennoch eine saubere Möglichkeit, wie man den Text eines <li> bezüglich der Höhe zentriert ausrichten kann.
Also z.B.
<ul>
 <li>
  <img height=100 alt="" src=..." />
  das bitte in die Mitte
 </li>
</ul>

Derzeit kann das wohl nur erreicht werden mit <p style="vertical-align:middle;">in die Mitte</p> oder mit nem div o.ä.
Sollte aber auch mit <li> allein gehen, oder?!

[Hopsel]

Hi maaaax!

jaja, ich weiß, dass <li> nicht display:inline ist.
Aber ich suche dennoch eine saubere Möglichkeit, wie man den Text eines <li> bezüglich der Höhe zentriert ausrichten kann.

Wenn der Text einzeilig ist, dann gib dem <li> eine Zeilenhöhe von 100px.

Bei mehrzeiligem Text wird es schwierig. Die FAQ könnte helfen: Elemente mit CSS zentrieren.

MfG H☼psel

[maaaax]

Was passt daran nun wieder nicht?

<p style="padding-bottom:0;margin-bottom:0;">Es werden unter anderem folgende Webbrowser unterstützt:</p>
<ul>
<li><p class="pvalign"><img alt="" src="test.jpg" width="40"/> Internet Explorer</p></li>
</ul>

.pvalign
{
 padding:0;
 margin:0;
 vertical-align:middle;
 height:43px;
}

[Harlequin]

Yerf!

Was passt daran nun wieder nicht?

Vertical-align wirkt nur auf Tabellenzellen oder inline-Elemente.

<li><img alt="" src="test.jpg" width="40"/><span class="pvalign"> Internet Explorer</span></li>

Der Span ist leider notwendig, da CSS nur Elemente aber keine Textknoten selektieren kann.

Gruß,

Harlequin