Как выровнять все в одну строку с помощью CSS

Question

Я хочу выровнять содержимое / ссылки ниже по одной прямой линии. Я ввел их на моем сайте drupal 7. Любая CSS помощь. Я не могу понять.

Answer 1

Что-то вроде этого должно сделать это.

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 2

Спасибо всем. Я использовал таблицу, и я ввел содержимое в строку таблицы.

Answer 3

Дайте элементам li float:left or inline-block должно работать