Uso de CSS para insertar texto

Soy relativamente nuevo en CSS, y lo he usado para cambiar el estilo y el formato del texto.

Ahora me gustaría usarlo para insertar texto como se muestra a continuación:

<span class="OwnerJoe">reconcile all entries</span>

Que espero poder mostrar como:

Tarea de Joe: reconciliar todas las entradas

Es decir, simplemente en virtud de ser de la clase "Owner Joe", quiero que se muestre el texto Joe's Task:.

Podría hacerlo con código como:

<span class="OwnerJoe">Joe's Task:</span> reconcile all entries.

Pero eso parece terriblemente redundante para ambos especificar la clase y el texto.

¿Es posible hacer lo que estoy buscando?

EDIT Una idea es intentar configurarlo como un ListItem <li> donde la "bala" es el texto "Tarea de Joe". Veo ejemplos de cómo configurar varios estilos de viñetas e incluso imágenes para viñetas. ¿Es posible utilizar un pequeño bloque de texto para la lista de viñetas?