title: CSS centre a div with nested divs to the true center of the Browser without specifying widths
body: <p>OMG, Really I've been here a thousand times before. I am so going to snippet this answer.
  I cannot believe how hard it is to do something as easy as this.</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="wrapper"&gt;
           &lt;div class="class1"&gt;Page 1 of 1&lt;/&gt;
           &lt;div class="class1"&gt; — &lt;/&gt;
           &lt;div class="class1"&gt;Next&lt;/&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I need the wrapper to be dead centre to the browser. Doesn't matter what the length of the text within is, or the amount of divs. How on earth does one do this?! I'm freaking out here. I'm not that bad at CSS. Googling this turns up forum posts from 2005. Or answers are found because the width was specified so that's just cheating.</p>
  
  <p>Hair is being pulled out!</p>
  
  <p>I won't put my CSS in here cos it's just not working, theres no point.</p>
  
  <p>Thanks.</p>