title: Is there a way to use SVG as content in a pseudo element ::before or ::after
body: <p>I would like to use <code>::before</code> to place SVG images before some selected elements:</p>
  <pre class="lang-css prettyprint-override"><code>#mydiv::before {
    content: '&lt;svg ... code here&lt;/svg&gt;';
    display: block;
    width: 22px;
    height: 10px;
    margin: 10px 5px 0 10px;
  }
  </code></pre>
  <p>Above code just displays the plaintext.<br />
  I checked the spec and there seem to be some restrictions on what <code>content</code> can be. CSS <code>content</code> property solution is preferable.</p>