How to set the CSS margin properties in one declaration?

The margin property defines the space around an HTML element. It is possible to use negative values to overlap content. It specifies a shorthand property for setting the margin properties in one declaration.


You can try to run the following code to set margins

      <p style = "margin: 20px; border:2px solid yellow;">
         All four margins will be 20px
      <p style = "margin: 15px 4% -10px; border:2px solid red;">
         Top margin will be 15px, left and right margin will be 4% of the total width of the document, bottom margin will be -10px