title: How to position an element to the right side?
body: <p>I am trying to place a css element to the right side of the header but not sure exactly how to do it. I tried using:</p>
  
  <pre><code> position: Absolute; top: 20px; right 0px; 
  </code></pre>
  
  <p>That would work but if you adjust the browser the text moves with it. </p>
  
  <p>I created a JFiddle that you can find here:</p>
  
  <p><a href="http://jsfiddle.net/rKWXQ/" rel="noreferrer">http://jsfiddle.net/rKWXQ/</a></p>
  
  <p>This way you can see what I am trying to do. I have a text inside a wrapped div element that says Call Now (555) 555-5555.</p>
  
  <p>Here is the header element and inside of that I have a right_header element.</p>
  
  <pre><code>    &lt;div id="header"&gt;
          &lt;span class="right_header"&gt;Call Now (555) 555-5555&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here is my Header CSS:</p>
  
  <pre><code>   /* Header */
     #header {margin: auto; width: 1007px; height: 123px; background: url(../images/logo.png) no-repeat 20px; background-color: #37352b; border: 1px solid #862209;}
    .right_header{color: #fff; position: absolute; top: 70px; right: 0px}
  </code></pre>
  
  <p>Can someone please tell me the proper way to accomplish this please?</p>
  
  <p>Note the left side will have a logo there that will not load in JFiddle!</p>
  
  <p>Thanks!</p>