<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
title
>Reset Margins - Primer CSS</
title
>
<
link
href
=
rel
=
"stylesheet"
/>
<
style
>
/* Margin to provide spacing between
the div elements */
.d-flex > div {
margin-top: 20px;
}
/* All the inner div elements will have
the default margin of 20px */
/* This will be overridden by the
reset margin classes */
.inner {
margin: 20px;
}
</
style
>
</
head
>
<
body
>
<
div
class
=
"text-center"
>
<
h2
class
=
"color-fg-success"
>
GeeksforGeeks
</
h2
>
<
h4
>Primer CSS - Reset Margins</
h4
>
</
div
>
<
div
class="d-flex flex-justify-around
flex-items-center flex-column">
<
div
class
=
"color-bg-closed-emphasis"
>
<
div
class
=
"inner color-bg-danger m-0"
>
m-0
</
div
>
</
div
>
<
div
class
=
"color-bg-closed-emphasis"
>
<
div
class
=
"inner color-bg-danger mt-0"
>
mt-0
</
div
>
</
div
>
<
div
class
=
"color-bg-closed-emphasis"
>
<
div
class
=
"inner color-bg-danger mr-0"
>
mr-0
</
div
>
</
div
>
<
div
class
=
"color-bg-closed-emphasis"
>
<
div
class
=
"inner color-bg-danger mb-0"
>
mb-0
</
div
>
</
div
>
<
div
class
=
"color-bg-closed-emphasis"
>
<
div
class
=
"inner color-bg-danger ml-0"
>
ml-0
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>