CSS force nouvelle ligne

Question

J'ai quelque chose comme ça:

<li>Post by <a>Author</a></li>

Et je veux afficher le lien dans une nouvelle ligne, comme celle-ci

Post by
Author

Comment puis-je atteindre cet objectif? Clair: gauche ne fonctionne pas.

Answer 1

Utiliser la propriété display

a{
    display: block;
}

Cela rendra le lien à afficher dans la nouvelle ligne

Si vous souhaitez supprimer le style de liste, utilisez

li{
    list-style: none;
}

Answer 2

Que diriez-vous d'un pseudo-élément :before:

a:before {
  content: '\a';
  white-space: pre;
}

Answer 3

ou vous pouvez utiliser:

a {
    display: inline-block;
  }

Answer 4

Utilisez <br /> OR <br> -

<li>Post by<br /><a>Author</a></li>

OU 

<li>Post by<br><a>Author</a></li>

ou 

rendre l'élément adisplay:block;

<li>Post by <a style="display:block;">Author</a></li>

Essayez