如何使用 CSS 将所有内容对齐在一行中

【问题标题】：How to align everything in one line using CSS如何使用 CSS 将所有内容对齐在一行中
【发布时间】：2018-08-27 13:01:09
【问题描述】：

我想将内容/下面提到的链接对齐在一条直线上。我已经在我的 drupal 7 网站中输入了它们。任何 CSS 帮助。我想不通。

【问题讨论】：

您需要向我们展示您到目前为止所做的事情，以及您尝试过的事情。我们不能只为你做。
w3schools.com/css/css_float.asp
idownvotedbecau.se/noresearch 尝试将其浮动到左侧或将它们显示为内联块元素

标签： css drupal drupal-7

【解决方案1】：

给 li 元素 float:left or inline-block 应该可以工作

【讨论】：

【解决方案2】：

应该这样做。

h1 {
  text-align: center;
}

nav {
  width: 100%;
}

nav {
  display: flex;
  justify-content: center;
}

ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

li:not(:last-child) {
  margin-right: 1rem;
}

<h1>Looking for</h1>
<nav>
  <ul>
    <li>Blogs</li>
    <li>Forums</li>
    <li>FAQ</li>
    <li>Support</li>
  </ul>
</nav>

【讨论】：

【解决方案3】：

谢谢大家。我使用了一个表格，并在表格行中输入了内容。

【讨论】：