title: Background size depending on a letter height in CSS
body: <p>Let's say I would like the yellow background to be 3 times higher as the size of the "M" letter. I've seen that as a question somewhere but don't know the trick. Any clue ? The html should not be change, only CSS must be added. Thanks.</p>
  
  <pre><code>&lt;h1 class = "smth"&gt;My beautiful page&lt;/h1&gt;
  
  .smth{
  color:blue;
  background-color: yellow;
  }
  </code></pre>