Демо HTML: <h1-h6>

Демо HTML: <h1-h6>

<h1>Жуки</h1>
<h2>Зовнішня морфологія</h2>
<h3>Голова</h3>
<h4>Ротовий апарат</h4>
<h3>Торакс</h3>
<h4>Передньогруди</h4>
<h4>Середньогруди</h4>

​x
 
<h1>Жуки</h1>
<h2>Зовнішня морфологія</h2>
<h3>Голова</h3>
<h4>Ротовий апарат</h4>
<h3>Торакс</h3>
<h4>Передньогруди</h4>
<h4>Середньогруди</h4>
​

h1,
h2,
h3,
h4 {
    margin: 0.1rem 0;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.5rem;
    padding-left: 20px;
}

h3 {
    font-size: 1.2rem;
    padding-left: 40px;
}

h4 {
    font-size: 1rem;
    font-style: italic;
    padding-left: 60px;
}

xxxxxxxxxx
 
h1,
h2,
h3,
h4 {
    margin: 0.1rem 0;
}
​
h1 {
    font-size: 2rem;
}
​
h2 {
    font-size: 1.5rem;
    padding-left: 20px;
}
​
h3 {
    font-size: 1.2rem;
    padding-left: 40px;
}
​
h4 {
    font-size: 1rem;
    font-style: italic;
    padding-left: 60px;
}
​

Output