title: Internet Explorer and tspan vertical alignment
body: <p>To vertically align a <code>tspan</code> element inside a <code>text</code> element in SVG, the CSS properties <code>alignment-baseline</code> and <code>dominant-baseline</code> work great in Chrome and in FF, respectively. So far so good.</p>
  
  <p>With Internet Explorer it gets a bit crazy:</p>
  
  <ul>
  <li>an open <a href="https://connect.microsoft.com/IE/feedback/details/801719" rel="nofollow noreferrer">bug report</a> asserts that these properties do not work for IE9-11 ...</li>
  <li>... but the <a href="http://msdn.microsoft.com/en-us/library/ie/hh773082(v=vs.85).aspx" rel="nofollow noreferrer">official documentation</a> states that <code>alignment-baseline</code> is supported</li>
  <li>CSS feature-sniffing in IE9 &amp; IE11 reports that they support <code>alignment-baseline</code> as well as <code>dominant-baseline</code> for <code>tspan</code>, <em>but they do not work with any values</em></li>
  <li>to add confusion to frustration, this <a href="http://msdn.microsoft.com/en-us/library/gg558060%28v=vs.85%29.aspx" rel="nofollow noreferrer">MSDN dev page</a> simply says both properties are currently unsupported</li>
  </ul>
  
  <p>This wouldn't be such an issue for IE9 (one could simply <a href="https://stackoverflow.com/questions/5510432/how-to-center-svg-text-vertically-in-ie9">hack the desired alignment</a>), but since I want to get away from browser detection, I would like to know:</p>
  
  <ul>
  <li>is there a workable cross-browser solution?</li>
  <li>how come even IE11 doesn't support this basic SVG styling property and how to work around that?</li>
  </ul>
  
  <p>Thanks!</p>