JSFiddle - React, Tailwind, and code Playground
HTML
<h1>NOTICE CARTE MERE ASROCK Z590M</h1>
<!-- Uniquement du texte; prend toute la largeur de la div -->
<div class="box1">
<p>1. <strong>INTRODUCTION</strong><br>
Nous vous remercions d'avoir acheté cette carte mère ASRock Z590M Phantom Gaming 4, une carte mère fiable fabriquée conformément au contrôle de qualité, rigoureux et constant
appliqué par ASRock. Fidèle à son engagement de qualité et de durabilité, ASRock vous garantit une carte mère de conception robuste aux performances élévées.<br>
<strong>1.1 CONTENU DE L'EMBALLAGE :</strong><br>
<ul style="list-style-type: none;">
<li> Carte mère ASRock Z590M Phantom Gaming 4 (facteur de forme Micro ATX)</li>
<li>Guide d'installation rapide ASRock Z590M Phantom Gaming 4</li>
<li>CD d'assistance ASRock Z590M Phantom Gaming 4</li>
<li>2 x câbles de données Serial ATA (SATA) (Optionnel).</li>
<li>3 x vis pour sockets M.2 (Optionnel).</li>
<li>1 x panneau de protection E/S</li>
</ul>
<strong>1.2 SPECIFICATIONS</strong><br>
<strong>Plateforme</strong>
<ul style="list-style-type: none;">
<li>Facteur de forme Micro ATX.</li>
<li>Conception à condensateurs solides.</li>
</ul>
<strong>Processeur</strong>
<ul style="list-style-type: none">
<li>Prend en charge les processeurs Intel Core TM 10éme Gén.<br>
et les processeurs Intel Core TM 11éme Gén (LGA 1200).</li>
<li>Digi Power design.</li>
<li>Alimentation à 8 phases</li>
<li>Prend en charge la technologie Intel Turbo Boost Max 3.0</li>
<li>Prend en charge les processeurs débloqués de la série K Intel</li>
</ul>
<strong>Chipset Intel Z590M</strong>
<strong>Mémoire</strong>
<ul style="list-style-type: none;">
<li>Technologie mémoire double canal DDR4.</li>
<li>4 x fentes DIMM DDR4.</li>
<li>Les processeurs Intel Core TM 11éme Gén prennent en charge les mémoires sans tampon non ECC DDR4 jusqu'à 4800 + (OC).</li><br>
<li>Les processeurs Intel Core TM 10éme Gén prennent en charge les mémoires sans tampon non ECC DDR4...
CSS
body {
background-color: antiquewhite;
}
.box {
display: grid;
width: 600px; /* tu peux ajuster la taille du container */
grid-template-columns: repeat(3, 1fr);
border: 2px solid blue;
font-family: cursive;
color: blue;
}
.box1 {
font-family: 16px;
color: blue;
grid-template-columns: 1fr;
width: 600px;
padding: 5px;
border: 1px solid blue;
border-radius: 10px;
}
.middle-box,
.text {
margin: 5px;
padding: 20px;
flex-grow: 1;
}
.middle-box img {
width: 100%;
}
h1 {
text-align: center;
color: blue;
}