How to remove margin space around body or clear default css

Somy5400 · **Joined:** Sat Jun 18, 2022 6:12 am **Posts:** 4

I am admittedly a beginner, but I also did a fair amount of searching before posting this. There seems to be extra space around my div element. I also would like to point out that I tried many combinations of border: 0, padding:0, etc. and nothing seemed to get rid of the white space.

Miles · **Joined:** Sat May 31, 2008 1:56 am **Posts:** 498

Please note that this is a forum for our hosting and in general we do not offer web development services or have the knowledge to answer most of the questions on this matter. You might find more information in web developers' forums instead. Thank you for your understanding.

Grehnan09 · **Joined:** Wed Jul 13, 2022 11:40 am **Posts:** 2

I've been using css and scss with and without frameworks and libs for quite a while now, and the more I think about it, the less I want to use the margin property.

Here are my reasons :

most of its uses overlap with padding's uses

it is less visually readable than the padding property

it's not counted in an element's size (width or height)

it has a hard to predict behavior because or collapsing margins

it can be negative (becomes even less readable)

most of its specific uses (margin auto to center a block element, spacing after a border, spacing for and element with background...) can be replicated in a cleaner way using flexbox and gap.

I'm thinking of completely ignoring this property from now on (exactly like I did for float, for example), what do you guys think about this ? Do you see any obvious mistake ?

Bobby440 · **Joined:** Fri Jul 22, 2022 11:47 am **Posts:** 3

body has by default 8px margins: http://www.w3.org/TR/CSS2/sample.html

body {
margin: 0; /* Remove body margins */
}
Or you could use this useful Global reset

*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
If you want something less * global:

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

Forum rules

How to remove margin space around body or clear default css