css中让两li并排

将float：left；

<style type='text/css'>
li{
float:left;
list-style-type:none;
width:100px;
margin:1px;
background-color:silver;
}
.b{
display:none;
}
.bb:hover .b{
display:block;
}
</style>
<ul>
<li class='bb'>1
<ul class='b'>
<li>11</li>
<li>12</li>
</ul>
</li>
<li>2</li>
</ul>