<div id="d1">
  <p>ブロック要素1-1</p>
  <div id="d2">
    <p>ブロック要素1-2</p>
    <div id="d3">
      <p>ブロック要素1-3</p>
    </div>
  </div>
</div>
#d1{
  background-color:silver;
  padding:10px;
}
#d2{
  padding:50px;
  background-color:lime;
}
#d3{
  padding:30px;
  background-color:skyblue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.