title: Is there any way to specify line-height and margin based on the font size of the body?
body: <p>A straight-forward css question. Let's say we have this styles:</p>
  
  <pre><code>  body { 
      font-size : 16px;
    }
  
    p {
     font-size : 0.875em; // relative to parent, 14px
     line-height : 1em; //relative to this element, 14px
     margin-bottom : 1em; //relative to this element, 14px
    }
  </code></pre>
  
  <p>This will mean that <code>&lt;p&gt;</code>s will have a font-size of 14px, a line-height of 14px and a margin-bottom of 14px.</p>
  
  <p>What I would like is the equivalent of:</p>
  
  <pre><code>body : {
    font-size : 16px;
  }
  
  p { 
    font-size : 0.875em; // relative to parent, 14px;
    line-height : 1em; // relative to parent line-height, 16px;
    margin-bottom : 1em; // relative to parent margin-bottom, 16px;
  }
  </code></pre>
  
  <p>The reason I want this is because I want to have a responsive font size which respects its baseline.</p>