CSS Margin

The left margin of an element.

The left margin of an element is set using the margin-left property.

<html> <head> <title>Setting the left margin of an element</title> </head> <body> this is text.. This is left margin text . </body> </html>

Output.

This is text. This is left margin text

This is example, there are two paragraphs. The first paragraph has no specified margin. The second paragraph has a left margin of 3 centimeters.

The right margine of an element.

The right margin of an element is set using the margin-right property.

<html> <head> <title>Setting the right margin of an element</title> </head> <body> this is text.. This is right margin text . </body> </html>

Output.

This is right text This is right margin text.

This is example, there are two paragraphs. The first paragraph has no specified margin. The second paragraph has a right margin of 5 centimeters.

The top margine of an element.

The top margin of an element is set using the margin-top property.

<html> <head> <title>Setting the top margin of an element</title> </head> <body> this is first top text.. This is top margin text . </body> </html>

Output.

This is first top text..

This is top margin text..

This is example, there are two paragraphs. The first paragraph has no specified margin. The second paragraph has a top margin of 5 centimeters.

The bottom margine of an element.

The bottom margin of an element is set using the margin-bottom property.

<html> <head> <title>Setting the bottom margin of an element</title> </head> <body> this is first bottom text.. This is bottom margin text . </body> </html>

Output.

this is first bottom text.. This is first bottom text..

This is example, there are two paragraphs. The first paragraph has no specified margin. The second paragraph has a bottom margin of 5 centimeters.

Post Comment