I have something like this:
<li>Post by <a>Author</a></li>
And I want to display the link in a new line, like this
Post by
Author
How can I achieve this? Clear:left doesn't work.
I have something like this:
<li>Post by <a>Author</a></li>
And I want to display the link in a new line, like this
Post by
Author
How can I achieve this? Clear:left doesn't work.
Use the display property
a{
display: block;
}
This will make the link to display in new line
If you want to remove list styling, use
li{
list-style: none;
}
display:block;
makes the button too wide. How can I force the link to a new line while maintaining its width?
display:inline;
(for example in a media query).
Oct 11, 2018 at 8:26
How about with a :before
pseudoelement:
a:before {
content: '\a';
white-space: pre;
}
\a
renders as a newline, see stackoverflow.com/a/33332670
Apr 14, 2018 at 15:17
or you can use:
a {
display: inline-block;
}
Use <br />
OR <br>
-
<li>Post by<br /><a>Author</a></li>
OR
<li>Post by<br><a>Author</a></li>
or
make the a
element display:block;
<li>Post by <a style="display:block;">Author</a></li>