JSFiddle - React, Tailwind, and code Playground

HTML

<div id="commentaires">

				<strong>Commentaire posté par : </strong>
				
				<div id="auteur-comment"><strong>Benj</strong></div>
				<div id="date-comment"><p> Le 4 mai</p> </div>
				<div id="commentaire">Lorem Elsass ipsum Chulia Roberstau Huguette Salu bissame hopla amet, schpeck Oberschaeffolsheim so commodo leverwurscht Mauris elementum in, picon bière mamsell porta jetz gehts los kuglopf gewurztraminer auctor, lacus salu quam. Coopé de Truchtersheim merci vielmols condimentum Strasbourg munster Gal. gravida leo non purus DNA, varius suspendisse sed ullamcorper hop non knepfle nüdle wie tellus eleifend libero. geïz geht's météor ac tellus Salut bisamme blottkopf, eget tristique wurscht hopla und Carola baeckeoffe knack Gal ! pellentesque gal bredele Pellentesque vielmols, Yo dû. ornare id Morbi hopla Racing. lotto-owe kougelhopf tchao bissame chambon consectetur id, mänele ante schnaps Pfourtz ! elit Chulien sagittis libero, Hans et adipiscing quam, rhoncus sit turpis vulputate mollis turpis, Spätzle ftomi! dolor bissame dignissim ch'ai libero, Wurschtsalad Verdammi Miss Dahlias Oberschaeffolsheim semper kartoffelsalad Richard Schirmeck sit risus, réchime yeuh. dui rucksack hoplageiss hopla nullam placerat aliquam s'guelt schneck amet leo Heineken habitant Christkindelsmärik barapli flammekueche messti de Bischheim Kabinetpapier ac rossbolla amet senectus morbi ornare sit sed .</div>
    
    
				<strong>Commentaire posté par : </strong>
				
				<div id="auteur-comment"><strong>Benj</strong></div>
				<div id="date-comment"><p> Le 4 mai</p> </div>
				<div id="commentaire">Lorem Elsass ipsum Chulia Roberstau Huguette Salu bissame hopla amet, schpeck Oberschaeffolsheim so commodo leverwurscht Mauris elementum in, picon bière mamsell porta jetz gehts los kuglopf gewurztraminer auctor, lacus salu quam. Coopé de Truchtersheim merci vielmols condimentum Strasbourg munster Gal. gravida leo non purus DNA, varius suspendisse sed ullamcorper hop non knepfle...

CSS

.content{
  width:90%;
  height:auto !important;
  border:solid black 1px;
  margin:auto;
  margin-top:20px;
  margin-bottom:20px;


}

#titre-content{
	border-bottom:solid 2px #fab300;
	width:100%;
	height:50px;
	background:url('../images/test-content.png') repeat-x;
	text-align:center;
	font-family:"coolvetica";
	color:white;
	font-size:23px;

}

#date-heure{
	width:100%;
	height:35px;
	border-bottom:solid 2px #fab300;
	background-color:#E7E8E8;
	line-height:25px;	
	font-family:"coolvetica";
	text-indent: 10px;
}
#video{
	width:720px;
	height:400px;
	margin:auto;
	margin-top:15px;
	margin-left:auto;
	margin-bottom:15px;
	border:solid 2px #fab300;
}
#contenu-video-title{
	width:100%;
	height:35px;
	margin-top:15px;
	border-top:solid 2px #fab300;
	text-indent:10px;
	font-family:"coolvetica";
}
#contenu-video{
	width:60%;
	height:auto;
	margin:auto;
	border-bottom:solid 2px #fab300;
	font-family:"coolvetica";
}
#commentaires{
	width:100%;
	height:35px;
	margin-top:15px;
	border-top:solid 2px #fab300;
	text-indent:10px;
	float:left;
	
}
#commentaires strong{
	display:block;
	width:17%;
	float:left;
}
#auteur-comment{
	width:20%;
	float:left;
	display:inline-block;
}

#date-comment{
	display: inline-block;
	text-align:right;
	width:60%;
	float:left;
}
#commentaire{
	clear:both;
}