我有两个列表,我希望它们彼此并排。但我也希望它们成为页面的中心。它们都在一个纯菜单 div 中,所以当我尝试在两者上放置一个外部 div 时,它们似乎隐藏/消失了。
示例代码:
<div id="submenu" class="pure-hidden-tablet pure-hidden-desktop pull-left">
<div class="pure-menu pure-menu-open ">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
CSS:
.rightMenu{
margin-left:20%;
float:left;
}
.leftMenu{
float:left;
margin-left:20%;
}
这将它们与浮动:左对齐在一条线上。但是,我正在努力将它们集中在 100% 宽度的页面上。