How can I do this?

Question

At the top of the attached code I have 4 buttons. Between "Instruments" and "Meet The Band", there is a gap that I don't want to be there. I was trying to widen "Instruments" just a little as to fill in that gap, but increasing the padding size makes the whole button bigger, and I only want it to get wider because I don't want the button on top of the image I have below it. What can I do?
https://code.sololearn.com/WbIGQJX0076L/?ref=app

Answer 1

I just did it with margin left:
button{
Padding
background
Color
Font size
{
.home{
margin-left: 0;
}
.instruments{
margin-left: -6%;
}
I can’t remember the exact numbers I used but I got it working just play around with the numbers

Answer 2

You can use margin-left/right that might work

Answer 3

That could work. Btw, thanks Ole113 啊额 it worked

Answer 4

Btw, You'll see a different amount of space between everything than I do, but I don't really need you to see it, I just need to know if there's a way to widen padding

Answer 5

No it didn't work, but thanks for trying

Answer 6

What about wrapping in a nav element and floating the items all left?