Выровнять элементы внутри div?

Question

Я стараюсь держаться подальше от таблиц, потому что мне сказали, что они должны использоваться только для табличных данных. Однако я не совсем понимаю, как реализовать эту функцию. Моя панель навигации имеет кнопку поиска, регистрационную ссылку, регистрационную ссылку и два разделителя. Как можно выровнять каждый элемент внутри div так же, как можно с таблицами? Прошу прощения за новичок в CSS = P

Answer 1

Если вы новичок, попробуйте этот инструмент.http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/

Answer 2

<ul class="menu">
 <li>Link 1</li>
 <li>Link 2</li>
 <li>Link 3</li>
 <li>Link 4</li>
</ul>

<style type="text/css">
   .menu {margin:0px;padding:0px;list-style:none;width:600px;margin:auto}
   .menu li {display:inline;padding:5px;margin-right:10px;background-color:#333;color:#fff}
</style>

Хотя я не проверял это, это должно дать вам то, что вы ищете.Поэкспериментируйте с приведенным выше кодом, чтобы точно настроить ваши требования.И да, таблицы не нужно избегать все время.Для отображения табличных данных лучше всего подходят таблицы