CSS Tutorial

Shorthand Property

<!DOCTYPE html>
<title>Example</title>
<style>
  div {
    border: 10px solid lightblue;
  }
  div > p {
    border: 1px dotted orange;
    margin: 20px 50px 10px 30px;
  }
</style>
<div>
  <p>
    This text has a different sized margin for each side. It is nested within a 'div' with a border to make it easier to see the effect of the margin.
  </p>
</div>