it-swarm.com.ru

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

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

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

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

Post by
Author

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

27
Sebastian Starke

Используйте свойство display

a{
    display: block;
}

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

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

li{
    list-style: none;
}
57
Shiva Avula

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

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

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

a {
    display: inline-block;
  }
2
Ya Basha

Используйте <br /> OR <br> -

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

ИЛИ ЖЕ 

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

или же 

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

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

Пытаться

1
Ishan Jain