title: Div's in one line
body: <p>Here is my code:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      div.page {
        text-align:center;
        border: 1px solid rgb(0,0,0);
        width:20px;
        height:20px;              
      }
  
      span.page {
        text-align:center;
        border: 1px solid rgb(0,0,0);
        width:20px;
        height:20px;              
      }
   &lt;/style&gt;
  
  
  &lt;div class="page"&gt;1&lt;/div&gt;
  &lt;div class="page"&gt;2&lt;/div&gt;
  &lt;div class="page"&gt;3&lt;/div&gt;
  
  &lt;span class="page"&gt;1&lt;/span&gt;
  &lt;span class="page"&gt;2&lt;/span&gt;
  &lt;span class="page"&gt;3&lt;/span&gt;
  </code></pre>
  
  <p>Div's look fine but they places vertically. Is there any way to place them horizontally in one line?</p>
  
  <p>Span's place in the one line, but the span can not have the width as any inline element. 
  If there is no way to use DIV's and SPAN's for my task I will use a table, but I am looking for the no-table solution.</p>