title: How to make font-size less for 2px than parent element?
body: <p>I have two <code>&lt;span&gt;</code>s. First is <code>font-size: 14px;</code> and I want to reduce <code>font-size</code> of child <code>&lt;span&gt;</code> for <code>2 px;</code></p>
  
  <pre><code>&lt;span&gt;14px font &lt;span&gt;12px span&lt;/span&gt;&lt;/span&gt;
  </code></pre>
  
  <p>How to do this <strong>without</strong> obvious setting <code>font-size: 12px;</code>? Is it possible with CSS? Or should I use jQuery?</p>
  
  <p><a href="http://jsfiddle.net/samosfator/2GdZ9/" rel="noreferrer">jsFiddle</a>, of course.</p>