CSS заставляет новую строку

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

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

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

Post by
Author

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

Ответы

Ответ 1

Используйте свойство отображения

a{
    display: block;
}

Это приведет к отображению ссылки в новой строке

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

li{
    list-style: none;
}

Ответ 2

Как с псевдоэлементом :before:

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

Ответ 3

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

a {
    display: inline-block;
  }

Ответ 4

Используйте <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>

Попробовать