Довольно простой вопрос, но я не уверен, возможно ли это. Я хочу добавить изображение, чтобы действовать как пуля во всех<h1> элементы. Я знаю, что могу достичь этого путем:

<span class='bullet'></span><h1>My H1 text here</h1>

с помощью css:

.bullet{
    background: url('bullet.png') no-repeat;
    display:inline-block;
    vertical-align: middle;
    background-size:100%;
    height:25px;
    width:25px;
    margin-right: 5px;
}

но есть ли автоматический способ сделать то же самое? Я думал что-то вроде:

h1{
    list-style-image: url('bullet.png');
}

но это только кажется, что работать с<ul> элементы. Я действительно не хочу вставлять<span> элемент везде перед<h1> элемент. Есть идеи?