title: how to dynamically center image (Website banner)
body: <p>I currently have a site <a href="http://rinique.com/" rel="nofollow">rinique.com</a>. The website banner that I wish to dynamically center is the image with the word "RINIQUE" based on screen size (eg. iphone and ipad). </p>
  
  <p>Currently to make it center, I had put in a absolute value. Below is a snippet of my css. </p>
  
  <pre><code>#header #logo {
    float: left;
    position: relative;
    left: 38%;
  </code></pre>