creating square border around links

Question

I'd like to create a border around links that forms a square around the entire link on :hover. How do I achieve this effect?

Answer 1

HTML

<a href="#">one</a><br/>
<a href="#">two</a><br/>
<a href="#">three</a><br/>
<a href="#">four</a><br/>

CSS

a:hover{
 border:1px solid red;  
}

Fiddle