title: Align div's horizontally
body: <p>Trying to get this to work with my site, looked at some people who have had this problem also, but for some reason i can't get it to work. Is this code correct? should i start looking somewhere else to find the problem, cause when i put it in an actual table it works.</p>
  
  <p>got it to work by doing this =</p>
  
  <pre><code>    .headerout
  {    
    width 100%;
    text-align: center;
  }
  
  .headerin
  {    
    display: inline-block;
  }
  </code></pre>
  
  <p>not tell these div's to align horizontally ?</p>
  
  <pre><code>&lt;div class="headerout"&gt;
  &lt;div class="headerin"&gt;&lt;div class="phone" style="white-space: nowrap;"&gt; Call Toll Free: 888-674-4044&lt;/div&gt;
      &lt;div class="phone" &gt;&lt;img src="http://www.mphclub.com/wp-content/uploads/2013/04/quote.png" width="40" height="23"&gt;&lt;/div&gt;
     &lt;div class="phone" &gt;&lt;img src="http://www.mphclub.com/wp-content/uploads/2013/04/reservation1.png" width="40" height="23"&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Not pretty but does the trick for me.</p>