Как Вы заставляете элементы отделения отобразиться встроенный?

<style type="text/css">
div.inline { display:inline; }
</style>
<div class="inline">a</div>
<div class="inline">b</div>
<div class="inline">c</div>

Как упомянуто, display:inline, вероятно, что Вы хотите. Некоторые браузеры также поддерживают встроенные блоки.

http://www.quirksmode.org/css/display.html#inlineblock

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

Извинения Darryl. Я считал класс = "встроенный" как стиль = "дисплей: встроенный". У Вас есть правильный ответ даже при использовании семантически сомнительных имен классов;-)

использование мисс br для обеспечения структурного макета, а не для текстового расположения слишком распространено для моей симпатии.

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

Пущенные в ход отделения:

===== ======= ==   **** ***** ******   +++++ ++++
===== ==== =====   ******** ***** **   ++ +++++++
=== ======== ===   ******* **** ****   
===== ==== =====                       +++++++ ++
====== == ======

Встроенные отделения:

====== ==== ===== ===== == ==== *** ******* ***** ***** 
**** ++++ +++ ++ ++++ ++ +++++++ +++ ++++

, Если Вы после первого, тогда это - Ваше решение, и потеряйте те br теги:

<div style="float: left;" >
  <p>block level content or <span>inline content</span>.</p>
  <p>block level content or <span>inline content</span>.</p>
</div>
<div style="float: left;" >
  <p>block level content or <span>inline content</span>.</p>
  <p>block level content or <span>inline content</span>.</p>
</div>
<div style="float: left;" >
  <p>block level content or <span>inline content</span>.</p>
  <p>block level content or <span>inline content</span>.</p>
</div>

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

Спасибо, Steve

Попытайтесь писать его как это:

div { border: 1px solid #CCC; }

    <div style="display: inline">a</div>
    <div style="display: inline">b</div>
    <div style="display: inline">c</div>

Встроенное отделение является пятном сети & должен быть разбит, пока это не становится промежутком (по крайней мере 9 раз из 10)...

<span>foo</span>
<span>bar</span>
<span>baz</span>

... отвечает на исходный вопрос...

<span>?

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