Mysterious padding/ extra space for no reason!? - HTML-CSS - The
![](https://global.discourse-cdn.com/freecodecamp/original/3X/6/a/6a241add1559c534a9de37345be2fc38dcb33b99.png)
Ok this has been driving me crazy for a long time and ive experienced this on multiple page layouts! Where on earth is this extra sliver of space coming from? I would like the navigation to cover the ENTIRE width of the page but that is so difficult. I also had to add a negative margin at the top so that the navigation wrapper would ‘eat’ the extra space that I was getting at the top of the page. There has to be a better way for laying out elements on a page. I feel like Im hacking it up here. P
![](https://ishadeed.com/assets/spacing-css/use-case-content.jpg)
Spacing in CSS
![](https://preview.redd.it/njjru049xbb71.png?width=640&crop=smart&auto=webp&s=b4e0530b264657eb60b4116f4f2b3adba2fcecca)
The difference between Margin and Padding in CSS explained visually. : r/developersIndia
![](https://shots.jotform.com/victoria/v/screenshots/fka2t.png)
How to remove extra space between form elements?
![](https://media.cnn.com/api/v1/images/stellar/prod/231028110934-dupe-02-hamas-underground-tunnel-network-restricted.jpg?q=w_1110,c_fill)
The 'Gaza metro': The mysterious subterranean tunnel network used
![](https://i.stack.imgur.com/0yhUZ.jpg)
CSS/HTML - Horizontal list - Remove this mystery gap between list items? - Stack Overflow
![](https://images.tips.net/S06/Figs/T10385F1.png)
Mysterious Boxes around Paragraphs (Microsoft Word)
![](https://global.discourse-cdn.com/business6/uploads/glitch/original/3X/4/4/44311b26fb4d2fd07ed6cb32a24ae4d29319bdf8.png)
Empty space around my header - Coding Help - Glitch Community Forum
In CSS, why does my div have so much space around it? - Quora
![](https://global.discourse-cdn.com/business6/uploads/glitch/original/3X/7/3/730675fb20a1a7007ca155152b99c350d16a3550.png)
Empty space around my header - Coding Help - Glitch Community Forum
![](http://www.thetypejunkie.com/jpg/atp04084-e1672766122550.jpg)
The Best Backpacking Sleeping Pads of 2024
![](https://www.joshwcomeau.com/_next/image/?url=%2Fimages%2Finteractive-guide-to-flexbox%2Fmargin.png&w=828&q=75)
An Interactive Guide to Flexbox in CSS
![](https://media.cnn.com/api/v1/images/stellar/prod/231028110934-dupe-02-hamas-underground-tunnel-network-restricted.jpg?c=original)
The 'Gaza metro': The mysterious subterranean tunnel network used by Hamas
![](https://www3.ntu.edu.sg/home/ehchua/programming/webprogramming/images/HTML_element.png)
HTML and CSS Tutorial: The Basics