title: Relative text centering. Vertically and horizontally
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/8886094/horizontally-and-vertically-center-a-pre-tag-without-the-use-of-tables">Horizontally and vertically center a pre tag without the use of tables?</a>  </p>
  </blockquote>
  
  
  
  <p>How do I horizontally and vertically center text without specifying the width?</p>
  
  <p>Now I have:</p>
  
  <pre><code>&lt;div class="center"&gt;
  &lt;p id="logo"&gt;&lt;span&gt;Coming soon!&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the CSS is:</p>
  
  <pre><code>span {
      color:#ff0000;
      font-size: 14px;
      font-weight:normal;
      font-family:sans-serif;
      border-bottom-color: currentColor;
      border-bottom-style: dotted;
      border-bottom-width: 1px;
      line-height: 1.1;
  }
  .center {
      width:150px;
      height:100px;
      position:absolute;
      left:50%;
      top:50%;
      margin-left:-100px;
      margin-top:-50px;
  }
  </code></pre>
  
  <p>Because the text would be different widths, I need another solution.</p>