CSS siła nowa linia

Question

mam coś takiego:

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

I chcę, aby wyświetlić odnośnik w nowej linii, jak to

Post by 
Author 

W jaki sposób można to osiągnąć? Wyczyść: lewa nie działa.

Answer 1

Użyj właściwości wyświetlacza

a{ 
    display: block; 
} 

To spowoduje, że odnośnik do wyświetlenia w nowej linii

Jeśli chcesz usunąć listę stylizacji, użyj

li{ 
    list-style: none; 
} 

Answer 2

Korzystając <br /> LUB <br> -

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

LUB

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

lub

uczynić element adisplay:block;

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

Try

Answer 3

Jak o ze :before pseudoelement:

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

Answer 4

lub można użyć:

a { 
    display: inline-block; 
    }