How to change margin of paragraph using CSS?

Answer

To change margin of paragraph using CSS, you can set the margin style property for the paragraph elements with the values like 20px, 2rem, 1.1in, etc.

CSS Code

The following is the typical CSS code to change margin of paragraph in HTML page using tag name p.

Using pixels for margin

p {
   margin: 20px;
}

Using margin relative to parent dimensions

p {
   margin: 2rem;
}

Using inches for margin

p {
   margin: 1.1in;
}

Examples

We shall go through some working examples on how to change margin of paragraph using CSS. In the following examples, you may change the value of margin and Run the code to visually observe the changes made to the Paragraph elements.