AndyMedlem sedan sep. 2001138 inlägg har en span-tag med en text i. Har försökt att använda vertical-align för att texten skall hamna i mitten, men det vill inte fungera.
Min span:
<div class="header">LOREM IPSUM</div>
Min css:
.header {
background-color: #8F8B83;
background-image: url(/new/images/header_bg.jpg);
font-family: verdana, arial, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: uppercase;
height: 33px;
max-height: 33px;
overflow: hidden;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 37px;
}
mikkeXMedlem sedan aug. 2002477 inlägg I ditt exempel använder du en div, inte span...
Men i alla fall, för att centrera en text i en div använder du
text-align: center;
En span kan du inte centrera en text inom då den är ett inline-element (fungerar dock i internet explorer med en transitional doctype - tror inte den fungerar med en strict)
http://www.w3.org/TR/CSS2/text.html#propdef-text-align
AndyMedlem sedan sep. 2001138 inlägg Men text-align centrerar väl ett element horisontellt. Jag vill ju att texten i elementet skall centreras vertikalt.
vertical-align: middle; :)
/red: center va re
AndyMedlem sedan sep. 2001138 inlägg Har ¨som sagt redan testat med vertical-align...
DinoMedlem sedan sep. 20011 914 inlägg Lägg det i en tabell.
<html>
<head>
<title>Untitled</title>
<style>
.header {
background-color: #8F8B83;
background-image: url(/new/images/header_bg.jpg);
font-family: verdana, arial, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: uppercase;
height: 33px;
max-height: 33px;
overflow: hidden;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 37px;
}
</style>
</head>
<body>
<div><table class="header"><tr><td>LOREM IPSUM</td></tr></table></div>
</body>
</html>
