How to set all of the margin properties in one declaration in CSS

The code below shows you how to set all of the margin properties in one declaration in CSS.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Web Development Tutorials.com</title>

<style type="text/css">
p.one
{
margin: 0;
border: thin double #000;
}
p.two
{
margin: 1cm 2cm 4cm 6cm;
border: thin double #000;
}
</style>

</head>
<body>
<p class="one">
This paragraph has no specified margins.
</p>
<p class="two">
This paragraph has specified margins.
</p>
<p class="one">
This paragraph has no specified margins.
</p>
</body>
</html>

The code above creates the paragraphs below.

This paragraph has no specified margins.

This paragraph has specified margins.

This paragraph has no specified margins.

Use the text editor below to practice what you have learned.

Free Website Templates

Free Web Tools

Recommended Websites