JSFiddle - React, Tailwind, and code Playground

by Serg78

HTML

<div class="colonnedroite">
	<div class="prenom">Aurore Bal</div>
	<div class="separate"></div>
	<div class="profil_infos">
			<div class="profil_infos_label">Age :</div><div class="profil_infos_infos">13 ans</div>
			<div class="profil_infos_label">Ville natale :</div><div class="profil_infos_infos">dqsdd</div>
			<div class="profil_infos_label">Situation familiale :</div><div class="profil_infos_infos"> CĂ©libataire </div>
			<div class="profil_infos_label">Langues :</div><div class="profil_infos_infos"> Turque </div>
			<div class="profil_infos_label">Sexe :</div><div class="profil_infos_infos"> Masculin </div>	
      <div class="profil_infos_label">Mange bien :</div><div class="profil_infos_infos">  </div>	
      <div class="profil_infos_label">Mange pas :</div><div class="profil_infos_infos">  </div>	 
      <div class="profil_infos_label">Autres services:</div><div class="profil_infos_infos">  </div>	       
	</div>	
  </div>

CSS

.colonnedroite .profil_infos {
margin:15px 0px 15px 0px;
width: 500px;
font-size: 15px;
position: relative;
}

.colonnedroite .profil_infos_label {
color: #808080;
width:250px;
font-size: 15px;
float: left;
position: absolute;
}

.colonnedroite .profil_infos_infos {
color: #45668f;
width:250px;
font-size: 15px;
margin-left:250px;
position: relative;
overflow:hidden;
word-wrap: break-word;
}