✔ Text mittig zentrieren nach Bild

[Necro_nomicon]

Hallo!

Wie kann ich einen Text, der nach einem Bild kommt zentrieren (in der Hoehe)?

Mit vertical-align tut sich genau gar nichts....


-----------------
Bild | |
Bild | Text |
Bild | |
-----------------

ul{
	margin: 0px;
	padding: 0px;
	list-style: none; 
	}

#nav1 li {
	margin-bottom:1px; /*** Zwischenabstand von Menuepunkten  ***/
	height:24px;
	border-color:#999999;
	border-bottom-style: solid;
	border-bottom-width:1px;
	}

.weiss {
	border-color:#FFFFFF;
	border-bottom-style: solid;
	border-bottom-width:1px;
	}
	
#nav1 a {
	text-decoration: none;
	display: block; 
	margin: 0 0 0 0;
	font: normal 10pt Arial, sans-serif;
	width:256px;
	}

#nav1 li a span {
	margin-left:10px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	vertical-align: middle;

<ul id="nav1">
	<li id="current"><a href="index.html" id="home"><img src="img/rot.gif" width="24" height="24" alt="Home" border="0" class="weiss"><span>Home</span></a></li>

 

[Maik]

Hi,

vertical-align:middle muß auf das Grafikelement angewendet werden - siehe Grafiken ausrichten mit CSS.

mfg Maik

 

[Necro_nomicon]

Hab grad gesehen, dass ich nicht den Text ausrichten sollte, sondern das Bild, was ich grad gemacht habe.....

.weiss {
	border-color:#FFFFFF;
	border-bottom-style: solid;
	border-bottom-width:1px;
	vertical-align:middle;
	}

bezieht sich auf die Bilder ...


*** edit ***
Danke Maik
grad gesehen...