我想在</ul>
标记后强制换行。内部有一个<ul>
,第二个<ul>
。但是不能让它发挥作用..
有一个代码,我希望你能理解我想要的东西。我只想让<ul>
社交网络与菜单的其余部分在同一行。谢谢你的所有建议!
HTML:
<ul id="m1">
<ul id="m2">
<li><a href="/">HOME</a></li>
<li><a href="/gallery">GALERIE</a></li>
<li><a href="/contact">KONTAKT</a></li>
</ul>
<li style="padding-left: 10px; padding-right: 10px;"><a class="fb" href="https://www.facebook.com/" target="_blank"></a></li>
<li style="padding-left: 10px; padding-right: 10px;"><a class="bz" href=""></a></li>
</ul>
CSS:
#m1 li {
list-style: none;
display: inline-block;
padding-right: 18px;
padding-left: 18px;
font-size: 18px;
}
#m2 li {
list-style: none;
display: inline-block;
padding-right: 18px;
padding-left: 18px;
font-size: 18px;
}
#m1 {
display: inline-block;
float: left;
}
#m2 {
display: inline-block;
float: left;
}
答案 0 :(得分:1)
结构不正确,在第一个结构后添加第二个ul。
<ul id="m2">
<li><a href="/">HOME</a></li>
<li><a href="/gallery">GALERIE</a></li>
<li><a href="/contact">KONTAKT</a></li>
</ul>
<ul id="m1">
<li style="padding-left: 10px; padding-right: 10px;"><a class="fb" href="https://www.facebook.com/" target="_blank">Facebook</a></li>
<li style="padding-left: 10px; padding-right: 10px;"><a class="bz" href="">Other</a></li>
</ul>
&#13;
jar
&#13;
答案 1 :(得分:0)
这是你想要的吗?
<ul id="m1">
<li>
// HERE YOU HAVE A LIST INSIDE ANOTHER LIST
<ul id="m2">
<li><a href="/">HOME</a></li>
<li><a href="/gallery">GALERIE</a></li>
<li><a href="/contact">KONTAKT</a></li>
</ul>
</li>
<li style="padding-left: 10px; padding-right: 10px;">
<a class="fb" href="https://www.facebook.com/" target="_blank"></a>
</li>
<li style="padding-left: 10px; padding-right: 10px;">
<a class="bz" href=""></a>
</li>
</ul>