Harro: Warum Bild nicht mittig u.a.

Beitrag lesen

Hallo,
Warum ist das Bild im 1. Beispiel (s.u.) nicht vertikal zentriert? Ich habe das vertical-align an den verschiedensten Stellen versucht
Warum springt im 2. Beispiel (s.u.) der Text unter das Bild obwohl "float:left"?

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>test</title>  
</head>  
<body>  
<h1>1. Beispiel</h1>  
<div style="font-size:0.9em;width: 220px;">  
  <a href="http://www..............de" style="vertical-align:middle;">  
    <span><img style="vertical-align:middle;float:left;border-style:none;" src="bild.jpg" alt ="">ABC Rxxxxxxxxxxxxxxxx DEF xxxxxxx</span>  
  </a>  
</div>  
<br><br>  
<h1>2. Beispiel</h1>  
<p>Warum Text unter dem Bild obwohl "float:left"?</p>  
<div style="font-size:1.2em;width:220px;">  
  <a href="http://www..............de">  
    <span><img style="float:left;border-style:none;" src="bild.jpg" alt ="">ABC Rxxxxxxxxxxxxxxxx DEF xxxxxxx</span>  
  </a>  
</div>  
</body>  
</html>  

Ich hoffe, dass ich trotz Ostern noch einen Tipp erhalte, ich muss nämlich arbeiten - ansonsten "Frohe Ostern"