How to make links one link per line, only in the footer via css?

Question

I do not want these links display next to each other on the web page (only in the <footer> element, I want one link per line and I don't want to use <br>:

<footer>
    <p>Copyright © 2013 </p>
    <a href="http://www.link.com/">link.com</a>
    <a href="http://www.link.com/">link.com</a>
    <a href="http://www.link.com/">link.com</a>
    <a href="http://www.link.com/">link.com</a>
    <a href="http://www.link.com/">link.com</a>
</footer>

Answer 1

Set the a elements display property to block, which will cause each element to be displayed on their own line.

footer a{
   display: block;
}

Answer 2

You can make them block elements:

footer > a { display: block; }