title: two div in the same line one div center and the other div to the right
body: <p>I have situation like </p>
  
  <pre><code>                         CustomerInformation                               button
  </code></pre>
  
  <p>the above is output i want</p>
  
  <pre><code>    &lt;div id="headerCustomer"&gt;   
  
  
  &lt;h:outputText  style="font-size: 18px;font-weight:bold;"  value="CustomerInformation " &gt;&lt;/h:outputText&gt;
  
  
  &lt;input type="button"&gt;&lt;/input&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>what could be the css for the above to achieve.</p>