[HTML/CSS] Créer des éléments "pré-fabriqués"

Bonjour à tous,

Je souhaite savoir comment je pourrai faire pour créer des éléments avec un contenu "automatique" :

Autrement dit, en insérant cette ligne :

<div class="monObject"></div>

Je souhaiterai que la page l'interprète comme si elle contenait des balises HTML, comme par exemple :

<div class="monObject">
    <span>Un texte</span>
</div>

L'objectif étant de pouvoir utiliser un grand nombre de balises de classes monObjet sans avoir à réécrire son contenu à chaque fois.

J'avais cherché du coté de la propriété "content" en css qui permet d'ajouter à un ensemble de balises du contenu en fonction d'un selecteur, ex :

<div class="monObject"></div>

.monObject::after { content: 'Quelques mots'; }

Qui donne ce résultat :

Quelques mots

Malheureusement, cette propriétés css ne prend pas en compte les balises HTML d'après ce que j'ai compris. Et si je remplaçai par exemple "Quelques mots" dans l'exemple ci-dessus par "<span>Un texte</span>" j'obtiendrai ceci :

<span>Un texte</span>

Auriez vous une solution qui me permette de réaliser ceci ?

Merci d'avance pour votre/vos réponse-s