forza CSS nuova linea

Question

ho qualcosa di simile a questo:

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

E voglio visualizzare il link in una nuova linea, come questo

Post by 
Author 

Come posso raggiungere questo obiettivo? Clear: left non funziona.

Answer 1

utilizzare la proprietà di visualizzazione

a{ 
    display: block; 
} 

Questo renderà il collegamento per visualizzare in nuova linea

Se si desidera rimuovere lista styling, utilizzare

li{ 
    list-style: none; 
} 

Answer 2

Usa <br /> O <br> -

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

O

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

o

rendono l'elemento adisplay:block;

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

Try

Answer 3

Che ne dite di un :before pseudoelement:

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

Answer 4

oppure è possibile utilizzare:

a { 
    display: inline-block; 
    }