How to add text to a rectangle in SVG?
<p>I am trying to put the word "fox" inside this blue rectangle, but it just doesn't happen. What am I doing wrong here?</p>

<pre><code>&lt;html&gt;
&lt;body&gt;

&lt;svg width="400" height="200"&gt;
&lt;rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:0;fill-opacity:0.7;stroke-opacity:0.1"&gt;

&lt;text fill="#44ffff" font-size="45" font-family="Verdana" x="150" y="96"&gt;fox&lt;/text&gt;
&lt;/svg&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>