JSFiddle - React, Tailwind, and code Playground

HTML

<div class="exemple_de_code sans_fond">
					<pre>
						1   &lt;!DOCTYPE html>
						2   &lt;html>
						3   &lt;head>
						4      <span class="mise_en_avant">&lt;base href="http://www.google.fr"></span>
						5   &lt;/head>
						6   &lt;body>
						7      <span class="mise_en_avant">&lt;a href="grphp">Aller sur Google Groupes&lt;a></span>
						8   &lt;/body>
						9   &lt;html>
					</pre>
</div>

CSS

pre {
  white-space: pre-line;
}