adjusting the length of border-bottom on a element

Vote count:

0

so i was toying around with this navbar and I've managed to get everything almost just right, except for this one small problem. to put it simply whenever i hover over one of the words in the nav bar a small red line appears under it. the only problem i have with it is that i would like to extend that red line just a little.

the only other time i've managed to get an extended red line on this thing is when i use this code: li.nav2:hover { border-bottom:3px solid red; padding-bottom:1px; }

now the problem with that is that it kinda ruins the flow of the navbar

heres my jsfiddle: http://ift.tt/Pg7Uo1

asked 1 min ago

user3470947

1