Как я выровняю промежутки или деления по горизонтали?

Можно использовать

.floatybox {
     display: inline-block;
     width: 123px;
}

Если только необходимо поддерживать браузеры, которые имеют поддержку встроенных блоков. Встроенные блоки могут иметь ширину, но являются встроенными элементами кнопки Мне нравится.

О, и Вы могли бы, wnat для добавления вертикальный - выравниваются: вершина на элементах для проверки вещей выстраивается в линию

можно сделать:

<div style="float: left;"></div>

или

<div style="display: inline;"></div>

Любой вызовет отделения к мозаике горизонтально.

Посмотрите на свойство Float CSS. http://w3schools.com/css/pr_class_float.asp

Это работает с элементами блока как отделение. С другой стороны, что является Вами пытающийся отобразиться, таблицы не являются злыми, если Вы действительно пытаетесь показать таблицу некоторой информации.

Я сделал бы это что-то вроде этого, поскольку это дает Вам 3 даже размерных столбца, даже располагая с интервалами и (даже) масштабы.Примечание: Это не тестируется так, этому, возможно, понадобилась бы тонкая настройка для более старых браузеров.

<style>
html, body {
    margin: 0;
    padding: 0;
}

.content {
    float: left;
    width: 30%;
    border:none;
}

.rightcontent {
    float: right;
    width: 30%;
    border:none
}

.hspacer {
    width:5%;
    float:left;
}

.clear {
    clear:both;
}
</style>

<div class="content">content</div>
<div class="hspacer">&nbsp;</div>
<div class="content">content</div>
<div class="hspacer">&nbsp;</div>
<div class="rightcontent">content</div>
<div class="clear"></div>

То, что Вы хотели бы делать, ищут CSS основанные на сетке разметки. Этот метод макета включает определение некоторых классов CSS для выравнивания содержания страницы к структуре сетки. Это более тесно связано для печати расположения, чем веб-, но это - техника, используемая на большом количестве веб-сайтов к расположению содержание в структуру, не имея необходимость обращаться к таблицам.

Попробуйте это за начинающих из Разбивающегося Журнала.

Мой ответ:

<style>
 #whatever div {
  display: inline;
  margin: 0 1em 0 1em;
  width: 30%;
}
</style>

<div id="whatever">
 <div>content</div>
 <div>content</div>
 <div>content</div>
</div>

Почему?

Технически, Промежуток является встроенным элементом, однако он может иметь ширину, просто необходимо установить их свойство дисплея для блокирования сначала. Однако в этом контексте, отделение является, вероятно, более соответствующим, поскольку я предполагаю, что Вы хотите заполнить эти отделения содержанием.

Одна вещь, которую Вы определенно не хотите делать, имеют clear:both набор на отделениях. Установка его как этот будет означать, что браузер не позволит никаким элементам находиться на той же строке как они. Результат, Ваши элементы сложат.

Отметьте, использование display:inline. Это имеет дело с ie6 удваивающей поле ошибкой. Вы могли заняться этим другими способами при необходимости, например, условные таблицы стилей.

Я добавил обертку (#whatever), поскольку я предполагаю, что они не будут единственными элементами на странице, таким образом, необходимо будет почти наверняка выделять их от других элементов страницы.

Так или иначе я надеюсь, что это полезно.

Я попытался бы дать им всем display: block; атрибут и использование float: left;.

Можно затем установить width и/или height как хотите. Можно даже указать некоторые правила выравнивания по вертикали.