Displaying an <a> anchor inline

Question

What CSS makes <a> tags show on a single line, rather than under each other? Maybe have a link in <li> tag?

Answer 1

I believe you want:

a {
    display: block;
}

edit

Anchors by default show inline, but the related CSS is:

a {
    display: inline;
}

You could also use inline-block which gives you a bit more functionality (although some older browsers support it poorly).

Answer 2

I created an example for you which answers your second question.

<p id="top">This is the top of the file</p>

<ul> Favourite sports
<li><a href="http://en.wikipedia.org/wiki/Football">Football</a></li>
<li><a href="http://en.wikipedia.org/wiki/Tennis">Tennis</a></li>
<li><a href="http://en.wikipedia.org/wiki/Rugby_football">Rugby</a></li>
</ul>



<p><a href="#top">This link goes to the top</a></p>

The tag li refers to list item. Links are written the same way in ordered and unordered lists.

Answer 3

If you want a link in a <li> tag:

<ul>

<li> 
<a href="#">Link here.</a> 
</li>

</ul>

CSS:

li {
display:inline-block;
}

Example here