<span class="s1">1</span>
<span class="s2">2</span>
<span class="s3">3</span>
<span class="s4">4</span>
span {
  padding: 20px;
  border: solid 2px;
}

.s1 {
  margin: 10px 20px 30px 40px;
}

.s2 {
  margin: 10px 20px 30px;
}

.s3 {
  margin: 10px 20px;
}

.s4 {
  margin: 10px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.