title: How to have a two headings in same line with css?
body: <p>See this fiddle
  <a href="http://jsfiddle.net/mW6Xp/7/" rel="nofollow">JSFiddle</a></p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.containers {
  width:100%;
  height:auto;
  padding:10px;
  margin-bottom:0px;
  }
  
  #id4 {
  float:right;
  margin-right:0;
  display:inline;
      border:5px solid red;
  }
  
  #id5 {
  text-align:center;
      border:5px solid red;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class='containers'&gt;
  &lt;div id='id4'&gt;
  margin-right:10px;
  &lt;/div&gt;
  &lt;div id='id5'&gt;
      center-text;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>In this fiddle I want center-text to be center of the page, not at the center between left-border and float element.</p>