JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.visu {
    margin: auto;
    text-align: center;
 }

.ligne {
    background-color: #eee;
}
.boite{
    display:inline-block;
    vertical-align:top;
    position: relative;
    width: 200px;
    height: 150px;
    line-height:150px;
    border:1px solid red;
    margin:5px;
}
.zonetexte {
    line-height:normal;
    border:1px solid blue;
    font-family: Arial;
    font-size:14px;
    display: inline-block;
    vertical-align:middle;
    margin:0;
}