我有一个包含两个并排放置的div(#wrapper)的div(#wrapper).
我希望右分区垂直对齐.我在我的主包装器上try 了竖直对齐:中部,但它不起作用.它快把我逼疯了!
希望有人能帮忙.
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;}