Я хочу разместить изображения SVG перед выбранными элементами. Я использую JQuery, но это не имеет значения. Я хотел бы, чтобы элемент: before был как:

  #mydiv:before {
    content:"<svg.. code here</svg>";
    display:block;
    width:22px;
    height:10px;
    margin:10px 5px 0 10px;
  }

Если я сделаю это, как показано выше, он просто отобразит строку. Я проверил спецификации и, кажется, есть некоторые ограничения на содержание. Есть ли способ обойти это ограничение? Только то, что содержание css имеет отношение к моему вопросу.