Pregunta bastante simple, pero no estoy seguro de si es posible. Quiero agregar una imagen para actuar como una viñeta en todos<h1> elementos. Sé que puedo lograr esto al:

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

con css:

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

pero hay una forma automática de hacer lo mismo? Estaba pensando algo como:

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

pero eso solo parece funcionar con<ul> elementos. Realmente no quiero tener que pegar el<span> elemento en todas partes antes de la<h1> elemento. ¿Algunas ideas?