headers with margin

by Saksham Malhotra

HTML

<h1>chapter1</h1>
<p>some paragraph</p>
<p>some paragraph</p>
<p>some paragraph</p>
<h2>section1-1</h2>
<p>some paragraph</p>
<p>some paragraph</p>
<p>some paragraph</p>
<h3>1-1-1</h3>
<p>some paragraph</p>
<p>some paragraph</p>
<p>some paragraph</p>
<h1>chapter2</h1>
<p>some paragraph</p>
<p>some paragraph</p>
<p>some paragraph</p>
<h2>section2-1</h2>
<p>some paragraph</p>
<p>some paragraph</p>
<p>some paragraph</p>
<h3>2-1-1</h3>
<p>some paragraph</p>
<p>some paragraph</p>
<p>some paragraph</p>

CSS

h1+p {
  margin-left: 1em
}

h1+p+p {
  margin-left: 1em
}

h1+p+p+p {
  margin-left: 1em
}

h2+p {
  margin-left: 2em
}

h2+p+p {
  margin-left: 2em
}

h2+p+p+p {
  margin-left: 2em
}

h3+p {
  margin-left: 3em
}

h3+p+p {
  margin-left: 3em
}

h3+p+p+p {
  margin-left: 3em
}

h3+p+p+p+p {
  margin-left: 3em
}