Mam element div (#wrapper) zawierający 2 elementy div stojące obok siebie.
Chciałbym, aby prawy element div był wyrównany w pionie. Próbowałem wyrównać w pionie: do środka na moim głównym opakowaniu, ale to nie działa. Doprowadza mnie do szału!
Mam nadzieję, że ktoś może pomóc.
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
sprawia, że zachowuje się jak inlineimg
zalign
ustawionym atrybutem)