css How to add space (margin, border, padding) with CSS.

This is an example of setting the padding, margin and border properties around a tag. The margin is the spacing outside the border and the padding is the spacing between the text and border. On some browsers, the vertical margins may collapse, see the http://www.w3c.org documentation.

And Caesar's spirit, ranging for revenge, With Ate by his side come hot from hell, Shall in these confines with a monarch's voice Cry 'Havoc,' and let slip the dogs of war; That this foul deed shall smell above the earth With carrion men, groaning for burial.

                     
        <div style="background: blue;">
            <div id="style-display" style=" &#10;       background: red; &#10;       margin-top: 25px; &#10;       margin-bottom: 25px; &#10;       margin-left: 25px; &#10;       margin-right: 25px; &#10;       border-style: solid; &#10;       border-color: black; &#10;       border-top-width: 3px; &#10;       border-bottom-width: 3px; &#10;       border-left-width: 3px; &#10;       border-right-width: 3px; &#10;       padding-top: 15px; &#10;       padding-bottom: 15px; &#10;       padding-left: 15px; &#10;       padding-right: 15px; &#10;       ">
                And Caesar's spirit, ranging for revenge, With Ate by
                his side come hot from hell, Shall in these confines
                with a monarch's voice Cry 'Havoc,' and let slip the
                dogs of war; That this foul deed shall smell above the
                earth With carrion men, groaning for burial.
            </div>
        </div>