+ 1

How can I do this?

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

15th Apr 2018, 12:52 AM
jacksonofgames 28
jacksonofgames 28 - avatar
6 Answers
+ 3
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
15th Apr 2018, 1:29 AM
Ole113
Ole113 - avatar
+ 2
You can use margin-left/right that might work
15th Apr 2018, 12:58 AM
Ole113
Ole113 - avatar
+ 1
That could work. Btw, thanks Ole113 敊鱝 it worked
15th Apr 2018, 1:51 AM
jacksonofgames 28
jacksonofgames 28 - avatar
0
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
15th Apr 2018, 12:55 AM
jacksonofgames 28
jacksonofgames 28 - avatar
0
No it didn't work, but thanks for trying
15th Apr 2018, 1:04 AM
jacksonofgames 28
jacksonofgames 28 - avatar
0
What about wrapping in a nav element and floating the items all left?
15th Apr 2018, 1:41 AM
Bruce C
Bruce C - avatar