HTML - 如何防止此 <div> 换行符？

Question

在 HTML 中，如何在使用 <div> 时防止这种“换行”标签？

示例:

<div class="menu"><a href="URL"><br><br>menu</a></div>
<div class="apple"><a href="URL"><br><br>apple</a></div>

视觉示例:

如何让 apple 直接出现在菜单的右边？我似乎无法成功地做到这一点； apple 总是出现在menu

下方

注意:假装“苹果”在它自己的无敌栗色盒子里。

Answer 1

使用 <span> 时而不是 <div> ，您需要去掉换行符 ( <br> )。

如果使用内联 CSS(样式属性)，您可能需要添加 style = "float:left;"仅到第一个 div。这样:

<div class="menu" style="float:left;"><a href="URL"><br><br>menu</a></div>
<div class="apple"><a href="URL"><br><br>apple</a></div>