Pergunta bastante simples, mas não tenho certeza se é possível. Quero adicionar uma imagem para atuar como uma bala em todas<h1> elementos. Eu sei que posso conseguir isso:

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

com css:

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

mas existe uma maneira automática de fazer a mesma coisa? Eu estava pensando em algo como:

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

mas isso só parece funcionar com<ul> elementos. Eu realmente não quero ter que colar o<span> elemento em qualquer lugar antes do<h1> elemento. Alguma ideia?