JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    
<h1><span class="number">2</span>Le stockage de l'énergie</h1>

<div class="box">
    <div class="toc-h1"><span class="number">2.1</span>Le stockage de l'énergie</div>
    <div class="toc-h1"><span class="number">2.2</span>Les défis du secteur de l'énergie</div>
    <div class="toc-h1"><span class="number">2.3</span>One-dimensional Momentum</div>
    <div class="toc-h2"><span class="number">5.2.1</span>Conservation de la quantité de mouvement</div>
    <div class="toc-h2"><span class="number">5.2.2</span>Bernouilli</div>
    <div class="toc-h2"><span class="number">5.2.3</span>La poussée</div>
    <div class="toc-h2"><span class="number">5.2.4</span>Le facteur d'induction axial</div>
</div>

<h2><span class="number">2.1</span>Le stockage de l'énergie</h2>

<p>Face à la menace que représente le réchauffement climatique pour l’ensemble de l’humanité, des accords internationaux ont été conclus, qui engagent les Etats signataires sur des objectifs de maîtrise de l’énergie et de réduction des émissions de gaz à effet de serre.</p>

<h3><span class="number">2.1.1</span>Le stockage de l'énergie</h3>

<p>Face à la menace que représente le réchauffement climatique pour l’ensemble de l’humanité, des accords internationaux ont été conclus, qui engagent les Etats signataires sur des objectifs de maîtrise de l’énergie et de réduction des émissions de gaz à effet de serre.</p>
    
</div>

CSS

body {
  font-family: Georgia, serif;
  background: #EFEFEF;
}

.container
{
    width: 800px;
    background: white;
}

p {
    font-family: Times New Roman;
    text-align:justify;
    text-indent: 3pt; /* indent first line */
}

h1 {
  font-size: 230%;
}

h2 {
  font-size: 180%;
}

h3 {
  font-size: 140%;
}

h1 span.number {
  color: red;
  text-align: right;
}

h2 span.number {
  color: red;
  text-align: right;
}

h3 span.number {
  color: red;
  text-align: right;
}

.box
{
  position: relative;
  border: 1px solid black;
  background: gray;
}

.toc-h1
{
    font-size: 100%;
}

.toc-h1 span.number
{
    color: green;
}

.toc-h2
{
    font-size: 100%;
}

.toc-h2 span.number
{
    color: blue;
}