title: Line-height and dynamic height of div
body: <p>I am wondering how can I set line-height to be always equal to height of the container div - in order to center the element inside of the container in the middle of the height of the container.</p>
  
  <p>Lets say I have a following:</p>
  
  <pre><code>&lt;div style="height:12%"&gt;
  &lt;i style="line-height:??"&gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I set line height, so that it changes with the changes when the height of the container div changes?</p>
  
  <p>Thanks <br>uksz</p>