Ich habe ein Div – Container,
drinnen sind 2 Content Divs nebeneinander, 1. Div = Bild 2. Div =Text
Mit display: table-cell; vertical-align: middle erreiche ich im Container
das der 1. Content Divs Horizontal mittig sitzt. (oben/unten gleicher Abstand)
Aber der 2. Div lässt sich davon nicht beeindrucken, wie erreiche ich es,
das beide mittig sitzen?
HTML-Code:
<style>
DIV.container {
border:2px solid #00ff00;
width:220px;
min-height: 250em;
height:210px;
display: table-cell;
vertical-align: middle
}
.innen{
background:#ee0000;
float:left;
}
</style>
<DIV class='container'>
<div class='innen'>
<span title='$datum_titel'><center>Sommer</center></span>
<img class='im' style=' width:80px; height:100px' src='https://xhtmlforum.de/images/x_buttons/newthread.gif'>
</div>
<div class='innen' style='margin-left:8px'>
Beschreibung...
</div>
</DIV>