I am trying to build a navigation menu in css and right now I want the text to appear in the middle (vertically speaking) of the menu bar and have a border wrap around it twice as big as the text.
Here is a link to the site:
The links are in blue so far, but I have had them working fine as black in the past, but that seems to no longer work.
Here is my code for the links: (the class below is attatched to each anchor tag)
I have tried wrapping <div> around the anchor tag to force a box bigger than the text, that had undesirable side effects.
border: 1px solid #777;
border-width: 0px 2px 2px 2px;
margin: 0 auto;
padding: 0px 5px 0px 5px;
border-width: 0px 1px;
Any ideas on what I should do?