title: Vertical layout with CSS without using breaking elements?
body: <p>Is it possible to implement <strong>vertical layout</strong> with <strong>CSS only</strong>, and not with HTML elements?</p>
  
  <p>I have a list of divs inside one div. By default the next element is right to the last, when there's no place on right, it is placed below.</p>
  
  <p>I'd like to achieve the same with CSS style settings. Is it possible?</p>
  
  <p>By CSS-only I mean, we have div and its children, and <strong>do not</strong> add anything special such as:</p>
  
  <ul>
  <li>line-breaking elements ( <code>&lt;br/&gt;, &lt;div style="clear:both;"/&gt;</code> )</li>
  <li>UL tags</li>
  <li>tables (yes, still used, f.g. JSF almost exclusively based on them)</li>
  </ul>
  
  <p>So:</p>
  
  <pre><code>&lt;div id="menu"&gt;
    &lt;a href="something1"&gt;Page 1&lt;/a&gt;
    &lt;a href="something2"&gt;Page 2&lt;/a&gt;
    &lt;a href="something3"&gt;Page 3&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And CSS implementing vertical layout:</p>
  
  <pre><code>#menu { ??? }
  #menu a { ??? }
  </code></pre>
  
  <p>Is there a ??? that I could use to achieve what I want?</p>