Heres my coding

 

ul.nav li {

 

border-bottom: 1px solid #000;

border-top: 1px solid #000;

 

}

 

 

As you can see the bottom and top borders create a 2px thick line where i only want it to be 1px thick. Any ideas? I am too tired to think for myself today haha I bet it's really simple :L

Use nth rules to target the last button, giving it a bottom border. Then give all buttons a top border.

 

So:

 

ul.nav li {

border-top: 1px solid #000;

}


ul.nav li:last-child {
border-bottom: 1px solid #000;
}

I <3 nth-child.

Use nth rules to target the last button, giving it a bottom border. Then give all buttons a top border.

 

So:

 

ul.nav li {

border-top: 1px solid #000;

}


ul.nav li:last-child {
border-bottom: 1px solid #000;
}

 

Legend

 

thankyouuuuuuuuuuuuu <3