gpt4 book ai didi

html - 如何删除 标签后的新行

转载 作者:行者123 更新时间:2023-11-28 16:41:55 25 4
gpt4 key购买 nike

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

最佳答案

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

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

关于html - 如何删除 </ul> 标签后的新行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33616527/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com