How do I make 3 buttons to ocuppy all the screen width with no margins or space between them?

Question

I want three buttons to touch each other inline while taking the full width of the screen. Any help appreciated. Using Html & Css

Answer 1

Here you go :)

https://code.sololearn.com/WvfrqG453wfL/?ref=app

[updated]
maybe this is more what you want?

Answer 2

Multiple ways
https://code.sololearn.com/Wq7L39yCNr5I/?ref=app

Answer 3

xp nvdo I posted it only for make know to he that exists multiple ways to do this (and i didnt coded all ways 😃)

Answer 4

Emmanuel Molina Toledo Every button on top of other (vertical disposed) or all button on single row (hodrizontal disposed)?

Answer 5

Another good answer, more in depth. 👍

Answer 6

KrOW that's the beauty of coding there's always a way. Sometimes more than one.

Answer 7

xp nvdo Yes, i fully agree with you,👍👍👍

Answer 8

All buttons in a single row (horizontally Disposed)

Answer 9

Awesome Answers! So whats doing the job is the flex property. I had the buttons display as inline-block but was still getting some space between them. Flex display had it fixed for me. Its Incredible how it can be done in diferent ways.