如何在 </ul> 标签后删除新行

Question

我试图在 </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;
}

Answer 1

结构不正确，在第一个之后添加第二个。

#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;
}

<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>

Answer 2

这样的东西是你想要的吗？

<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>

如何在 </ul> 标签后删除新行

How to remove new line after </ul> tag

html

css

html-lists