如何使用CSS对齐所有内容

Question

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

Answer 1

赋予li元素float:left or inline-block应该有效

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

Answer 3

谢谢。我使用了一个表格，然后在表格行中输入了内容。