Pouvez-vous utiliser le pseudo-élément: after pour ajouter du code HTML?

Question

Je veux ajouter un <br /> à une classe particulière. L'utilisation de la pseudo-classe: after affiche simplement <br /> sous forme de texte.

Y at-il un moyen de faire ce travail?

Modifier:

C'est interne pour IE8, donc les problèmes de navigateur ne sont pas un problème ... si je le fais

<span class="linebreakclass">cats are</span> brilliant

Je veux que brillant apparaisse sur une nouvelle ligne ...

Answer 1

Vous ne serez pas en mesure de rendre les balises HTML, mais vous pouvez définir un style comme suit:

 .needs-space:after
{
    content: " ";
    display: block;
    clear: both; /* if you need to break floating elements */
}
 

Le paramètre principal ici est display: block; Cela rendra : après le contenu dans un DIV . Et ce pseudo-élément est supporté par tous les navigateurs les plus récents. Y compris IE. En disant cela, vous devez être conscient de vos utilisateurs et de leurs navigateurs.

Answer 2

La situation se dégrade - le: après la classe ne fonctionne même pas dans IE6 (et probablement aussi avec d’autres navigateurs).

Je pense que ce que vous voulez vraiment ici, c'est une marge au bas de l'élément, pour fournir un espacement.

Simplement

 .myElement {
    margin-bottom: 1em;
}