Nancy aus HH: vertical-align Problem!

Beitrag lesen

SELF-Forum

vertical-align Problem!

Nancy aus HH
– Informationen zu den Bewertungsregeln

Hallo liebes Form,

ich habe ein CSS Problem, und hoffe ihr könnt mir weiter helfen...

Konstukt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
  <title>v-align</title>  
  <style type="text/css">  
[code lang=css]   div { height:200px; text-align: center;  border:1px solid red; }  
   span { vertical-align: middle; }

</style>
 </head>
 <body>
  <div>
   <span>Color: black<br />Size: L</span>
  </div>
 </body>
</html>[/code]

Der Text innerhalb des div's wird korrekt (horizontal) ausgerichtet angezeigt, jedoch nicht vertikal ausgerichtet.

Wie kriege ich das hin, dass der Text/Bild innerhalb des divs in horizontale + vertikale korrekt ausgerichtet wird unabhängig von der div-größe, sprich immer mittig, egal was kommt...

Danke, Nancy

Beitrag melden
–
Informationen zu den Bewertungsregeln