title: Why doesn't the text in svg show up?
body: <p>I have a simple svg element,</p>
  
  <pre><code>&lt;svg height="100" width="710"&gt;
    &lt;rect width="700" height="50"/&gt;
      &lt;rect width="70" height="50" style="fill: rgb(0, 0, 255);"&gt;
        &lt;text y="0" style="fill: white;"&gt;-0.123994&lt;/text&gt;
      &lt;/rect&gt;
      &lt;rect width="70" height="50" style="fill: rgb(255, 0, 0);" transform="translate(630,0)"&gt;
      &lt;text y="50"&gt;0.387869&lt;/text&gt;
    &lt;/rect&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>Why don't either of the <code>text</code> elements show up? This is what it shows:
  <img src="https://i.stack.imgur.com/BfRtn.png" alt="enter image description here"></p>