如何使 <li> 标签彼此相邻？

【问题标题】：How to make the <li> tag next to each other?如何使 <li> 标签彼此相邻？
【发布时间】：2020-03-20 13:07:25
【问题描述】：

无论如何我都是编程新手，我正在尝试使 li 标签 彼此相邻。它有点工作，但我 99% 认为我的代码有点错误。

应该是这样的：

Navbar-text

代码：

HTML/CSS code

jsfiddle.net/gn7hczrj

【问题讨论】：

标签： html css tags

【解决方案1】：

将你的 li 设为 inline-block

li { 
   display: inline-block;
}

【讨论】：

【解决方案2】：

你想要这个吗？

ul li {
  list-style:none;
  display:inline-block;
  background:yellow;
  border:1px solid #333;
}

<ul>
  <li>Orange</li>
  <li>Banana</li>
  <li>Apple</li>
</ul>

【讨论】：

【解决方案3】：

您可以将 li 项设置为 ‘display: inline-block’

【讨论】：

您应该通过代码完成解决方案...li 是一个不回答问题的标签，我们可以在许多地方和模型中使用此标签。这个问题有一个简单的代码。请编辑代码。并使用 sn-p 工具。