JSFiddle - React, Tailwind, and code Playground

by core972

HTML

<div class="block">
  Nous voulons inspirer la <span>transition</span> vers l’alimentation végétale, pour contribuer au bien-être de l’Homme et à la préservation de la planète. Depuis <span>1853</span>, le flambeau de l’entreprise familiale a déjà traversé <span>sept</span> générations, avec une vocation qui reste intacte à l’épreuve du temps : offrir du végétal de grande qualité, issu d’une <span>agriculture</span> durable, récolté au meilleur de sa maturité et très peu transformé. Notre <span>promesse</span> est possible grâce au travail de proximité et de confiance réciproque avec nos 2 030 partenaires agriculteurs, partout dans le monde.

</div>

CSS

.block {
  width: 96%;
  min-height: 15rem;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  overflow: hidden;
  margin: 5rem auto;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-family: sans-serif;
  line-height: 1.35;
}
.block span {
  display: inline-block;
  border: 1px solid #fa6;
  padding: 0.25rem 0.5rem;
  cursor: grab;
}