title: Center a responsive absolutely positioned element
body: <p>Is there really no way to center an absolutely/relatively positioned element without javascript? I know it's easy if the width of the element is dependable. Is there no CSS solution? Am I forced to resort to javascript?</p>
  
  <pre><code>&lt;body&gt;&lt;div class="parent"&gt;&lt;div class="child"&gt;This stuff changes&lt;/div&gt;&lt;/div&gt;&lt;/body&gt;
  
  .child{margin:auto;position:absolute;left:50%} // this will center the left edge
  .parent{width:800px;height:430px;margin:auto;overflow:hidden;}
  </code></pre>