CSS сила новая линия

Question

у меня есть что-то вроде этого:

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

И я хочу, чтобы отобразить ссылку в новой строке, как этот

Post by 
Author 

Как я могу добиться этого? Очистить: левое не работает.

Answer 1

Используйте свойство дисплея

a{ 
    display: block; 
} 

Это позволит сделать ссылку, чтобы отобразить в новой строке

Если вы хотите удалить список стиль, используйте

li{ 
    list-style: none; 
} 

Answer 2

Использование <br /> ИЛИ <br> -

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

ИЛИ

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

или

сделать a элемент display:block;

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

Try

Answer 3

Как насчет с :before pseudoelement:

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

Answer 4

или вы можете использовать:

a { 
    display: inline-block; 
    }