title: Center the logo (Vertical/Horizontal)
body: <p>I am trying to find a way to center the logo + text. The image+text should be center vertically and horizontally. </p>
  
  <p>I tried couple of things and now i have this html</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;XXX&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
  &lt;style type="text/css"&gt;
  body {
      margin:50px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
      text-align:center; /* Hack for IE5/Win */
      }
  #floater    {float:left; height:50%; margin-bottom:-120px;}
  
  #Content {
      clear:both; 
      width:500px;
      margin:0px auto; /* Right and left margin widths set to "auto" */
      text-align:center; /* Counteract to IE5/Win Hack */
      padding:15px;
  
      height:240px; 
      position:relative;
      }
  #text-center{
      text-align:center;
      font-family:Tahoma, Geneva, sans-serif
      }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="Content"&gt;
  &lt;img src="logo_small.jpg" width="400" height="143"&gt;
  &lt;p id="text-center"&gt;Coming soon&lt;/p&gt;
  &lt;p id="text-center"&gt;more text&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I don't know anything related to html/css</p>