title: vertical alignment of text element in SVG
body: <p>Let's say I have the SVG file:</p>
  
  <pre><code>&lt;svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
      &lt;text x='20' y='60' style="font-size: 60px"&gt;b&lt;/text&gt;
      &lt;text x='100' y='60' style="font-size: 60px"&gt;a&lt;/text&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>I want to somehow align the top of <code>a</code> and <code>b</code>. Actually, I want my positioning to be according to the <code>roofline</code> instead of <code>baseline</code>!</p>