Add a Negative Margin to an Element

Add a Negative Margin to an Element

Basic CSS: Add a Negative Margin to an Element

An element’s margincontrols the amount of space between an element’s borderand surrounding elements.

If you set an element’s marginto a negative value, the element will grow larger.

<style>

.injected-text {

margin-bottom:-25px;

text-align:center;

}

.box {

border-style:solid;

border-color:black;

border-width:5px;

text-align:center;

}

.yellow-box {

background-color:yellow;

padding:10px;

}




.red-box {

background-color:crimson;

color:#fff;

padding:20px;

margin:-15px;

}

.blue-box {

background-color:blue;

color:#fff;

padding:20px;

margin:20px;

}

</style>

<div class="box yellow-box">

<h5class="box red-box">padding</h5>

<h5class="box blue-box">padding</h5>

</div>

Leave a Reply

Your email address will not be published. Required fields are marked *