JSFiddle - React, Tailwind, and code Playground

by Marcel Hochman

HTML

<div class="visu">
   
    <div id="ligne1" class="ligne">
        <div class="boite boite1">
          <div class="saisie">
             <p id="zonetexte" >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod te </p>
          </div>
        </div> 
        <div class="boite boite2">
          <div class="saisie">
             <p id="zonetexte" >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod te</p>
          </div>
        </div>   
         <div class="boite boite3">
          <div class="saisie">
             <p id="zonetexte" >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod te/p>
          </div>
        </div> 
    </div>
  
    <div id="ligne2" class="ligne">
        <div class="boite boite4">
          <div class="saisie">
             <p id="zonetexte" >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod te</p>
          </div>
        </div> 
        <div class="boite boite5">
          <div class="saisie">
             <p id="zonetexte" >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod te</p>
          </div>
        </div> 
         <div class="boite boite6">
          <div class="saisie">
             <p id="zonetexte" >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ter</p>
          </div>
    </div>
</div>

CSS

.boite{
    display:inline-block;
}
.visu {
     margin: auto; 
   margin-left: 40px;
 }

.ligne {
  text-align: center;
  background-color: thistle;
}
.saisie {
    position: relative;
    width: 220px;
    height: 125px;
    line-height: 25px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
     margin-left : 20px;
  margin-right: 20px;
}
.saisie .numero {
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    width:2em;
    left: -1.3em;
    top:40%;
    font-size:  font-size: 16px;;
    text-align:left;
}
.saisie p {
    border:6px solid blue;
    border-radius:15px;
    padding:7px;
    font-family: Arial;
    font-size:14px;
    display: block;
    width: 100%;
    height: 100%; 
    box-sizing: border-box;
    outline:none;
    resize:none;
}