title: Is there a CSS way to position an HTML element vertically following the golden ratio?
body: <p>I want to position an HTML element in the horizontal middle and vertical golden ratio with CSS only. The height of the element must be absolutly flexible, so I can not just set the <code>top-attribute</code> and the <code>element-height</code> to a percentage value. Is there any way to do that?</p>
  
  <p>Schematic representation: </p>
  
  <p><img src="https://i.stack.imgur.com/44gk8.png" alt="diagram"></p>
  
  <p>In the image, arrows of the same color are in golden ratio to each other (38.2% : 61.8%). The dotted line is only imaginary.</p>