Используйте FontAwesome или Glyphicons с css :до

Есть ли способ встроить HTML в элемент css content:при использовании псевдоэлемента :before-?

Я хочу использовать Font Awesome (или Glyphicon )в таком случае использования :

    h1:before {
        content: "X";
        padding-right: 10px;
        padding-left: 10px;
        color: @orangeLight;
    }

. Где Xчто-то вроде <i class="icon-cut"></i>.

Я могу, конечно, сделать это вручную в HTML, но я действительно хочу использовать :beforeв этом случае.

Точно так же есть ли способ использовать <i>в качестве маркера списка? Это работает, но работает некорректно для нескольких -маркированных строк:

<ul class="icons">
  <li><i class="icon-ok"></i> Lists</li>
  <li><i class="icon-ok"></i> Buttons</li>
  <li><i class="icon-ok"></i> Button groups</li>
  <li><i class="icon-ok"></i> Navigation</li>
  <li><i class="icon-ok"></i> Prepended form inputs</li>
</ul>