JSFiddle - React, Tailwind, and code Playground

HTML

<head>
  
 <style>
    .degrade-trois-couleurs {
    background: linear-gradient(to top, blue, white, red); /* Ajouter ou enlever des couleurs */
    border: 5px solid green;
    border-radius: 15px; /* Angles arrondis */
    width: 650px;
    height: 300px;
    }
    
    div {
      font-size: 1.5em;
      text-align: center; /* Centre le texte horizontalement */
      line-height: 300px; /* Centre le texte verticalement */
      }

</style>
</head>

<body>
  <div class="degrade-trois-couleurs">&nbsp; Je ne vois pas l'utilité d'un espace insécable ...
  Il s'est perdu ?
  </div> 
</body>