title: prevent div's from taking 100% width
body: <pre><code>&lt;div style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;"&gt;
  
    &lt;div style="
           border: 2px solid black;
           margin: 0 auto;
           text-align: center;
           padding: 3px;"&gt;
  
      Hello&lt;br /&gt;Hola
  
    &lt;/div&gt;
  
    &lt;div style="
           border: 2px solid black;
           margin: 0 auto;
           text-align: center;
           padding: 3px;"&gt;
  
      Another Sentence
  
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I have a problem: the borders of the inner div's reach over the whole width of the page, but i want them to only frame the content inside them. If i use: <code>display: inline</code> the borders frame each line separately and overlap, so that doesn't work - can somebody help?</p>
  
  <p>P.S the style's aren't declared like this in the original document but in a stylesheet</p>