У меня есть div (#wrapper), содержащий 2 блока, стоящих рядом.
Я хотел бы, чтобы правый div был выровнен по вертикали. Я пробовал vertical-align: middle на моей основной обертке, но это не работает. Это сводит меня с ума!
Надеюсь, кто-то может помочь.
HTML:
<div id="wrapper">
<div id="left-div">
<ul>
<li>One</li>
<li>Two</li>
</ul>
</div>
<div id="right-div">
Here some text...
</div>
</div>
CSS:
#wrapper{
width:400px;
float:left;
height:auto;
border:1px solid purple;}
#left-div{
width:40px;
border:1px solid blue;
float:left;}
#right-div{
width:350px;
border:1px solid red;
float:left;}
ul{
list-style-type: none;
padding:0;
margin:0;}
inline-block
заставляет его вести себя как встроенныйimg
, у которого установленalign
атрибут)