CSS强制新行

Question

我有这样的事情:

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

我想在一个新行中显示链接,就像这样

Post by
Author

我怎样才能做到这一点？清除:左边不起作用.

Answer 1

使用display属性

a{
    display: block;
}

这将使链接显示在新行中

如果要删除列表样式,请使用

li{
    list-style: none;
}

Answer 2

:before假元素怎么样:

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