Frenske123
Terugkerende gebruiker
- Lid geworden
- 2 jul 2007
- Berichten
- 1.267
Hoi,
Ik wil tekst (meerdere regels) in een div verticaal centreren, daarvoor heb ik onderstaande css gevonden.
Op zich werkt dat goed , misschien een simpelere manier?
Verder staan de 3 divjes in een div #banners , het lukt maar niet om die 3 divjes in de div #banners te krijgen (passend), links en onder klopt het niet.
Iemand de oplossing?
Ik wil tekst (meerdere regels) in een div verticaal centreren, daarvoor heb ik onderstaande css gevonden.
Op zich werkt dat goed , misschien een simpelere manier?
Verder staan de 3 divjes in een div #banners , het lukt maar niet om die 3 divjes in de div #banners te krijgen (passend), links en onder klopt het niet.
Iemand de oplossing?
HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style type="text/css">
#banners {
width:940px;
height:90px;
/* padding:10px 0 4px;*/
border: 1px solid #999;
}
#banners ul li {
display: block;
float:left;
line-height:20px;
/* border: 1px solid #999;*/
width:300px;
height:80px;
font-size:22px;
background-color: #0FF;
font-weight:bold;
-moz-box-shadow:inset 0px 0px 19px #000000;
-webkit-box-shadow:inset 0px 0px 19px #000000;
box-shadow:inset 0px 0px 19px #000000;
margin:0;
padding:0;
text-align:center;
}
#banners ul li span {
display: inline-block;
vertical-align: middle;
color:#F03 ;
}
#banners ul li:before{
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
</style>
</head>
<body>
<div id="banners">
<ul>
<li class="left"><span>
Text text<br />textext
</span></li>
</ul>
</span></li>
</ul>
<ul>
<li class="left"><span>
Text text<br />textext
</span></li>
</ul>
<ul>
<li class="left"><span>
Text text<br />textext
</span></li>
</ul></div>
</body>
</html>
