html - 并排放置 ul li 内容

标签 html css html-lists

我有一些 ul li 内容,如下图所示。这些内容是垂直的。但我想水平放置它们。我怎样才能做到这一点 ??

enter image description here

最佳答案

将其添加到您的 CSS 代码中

ul{
  display:inline-block;
  }
<ul>Apple
<li>Iphone</li>
<li>Iphone 6s</li>
</ul>
<ul>Samsung
<li>Galaxy</li>
<li>galaxy s7</li>
</ul>

关于html - 并排放置 ul li 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38519025/

相关文章:

javascript - 谷歌浏览器中未出现视差图像

javascript - 选项卡式 View ,为什么它不起作用?

css - 导航栏在右侧对齐 : Logo on left, 链接

javascript - 在单独的 UL 中搜索匹配的 LI 元素

php - 从 HTML 表单获取 ID - PHP

javascript - 子字符串方法不返回最大字符限制

CSS - 居中比页面宽的内容

html - 使 div 在同一行居中

html - CSS 中的层次结构显示

html - 如何在ul元素中单独悬停子节点?