Hi,

I have a problem with my CSS. I want it so that the 'Click Me!' text is lifted slightly higher, not sitting on the image underneath.

Picture 4.png

This is my code:

HTML Code:
a.nav{
text-decoration: none;
color: #000000; 
text-align: left;
height: 10px;
padding: 5px;
font-size : 12pt;
font-family: verdana;
display: block;
letter-spacing: normal;
border-top: 5px solid #829ca2;
border-bottom: 5px solid #829ca2;
}
Thanks!