JSFiddle - React, Tailwind, and code Playground

HTML

<section class="row-fluid single_post" id="">
	<div>
		<h4>Le contenu est l'ingrédient clé de tout site internet</h4>
		<h5>L'utilité et la richesse d'un site internet dépendent avant tout de son contenu.</h5>
		<h5>Chaque détenteur d'un site doit ainsi se préoccuper en amont et avec soin de la teneur de ses textes.</h5>
	</div>
	<div class="col6moz">
	<div class="col6 bkg-jaune pour-tous margin-right">
        <p>Impossible de faire l’impasse sur la qualité de ses contenus et de proposer des "coquilles vides" à ses internautes ! Véritable <strong>vecteur de trafic, de visibilité et de fidélisation de votre cible</strong>, votre texte ne doit pas être négligé.</P>
		<p>Mes services s'adressent ainsi aussi bien aux agences, qu'aux entreprises, aux associations, aux particuliers
					ou encore aux start-ups.</p>
		<p><strong>Tous les secteurs d’activités sont également concernés</strong>. Chacun a ses enjeux, ses contraintes et c’est ce qui fait, entre autres, l’intérêt du métier de rédacteur.</p>
	</div>
        <div class="col6moz">
	<div class="col6 bkg-jaune margin-left">
		<p>J’aime accompagner le <strong>lancement de projets d’entrepreneurs</strong> qui nécessitent de se faire vite apprécier des moteurs de recherche !</p>
		<p>La création de contenus optimisés intervient trop souvent à la fin, alors qu’idéalement cette étape devrait être réalisée au préalable pour <strong>permettre à votre site d’être bien visible dès sa mise en ligne et de se démarquer de la concurrence.</strong></p>
		<p>N’hésitez pas à me contacter si vous souhaitez avoir plus de renseignements sur ces sujets.</p>
	</div>
	</div>
</section>

CSS

.col6 {
	width: 48.9%%; 
	float: left;
	margin-top: 20px;
	padding: 10px 0;
}

.col6moz {
	-moz-column-count: 2;
}

.margin-right {
	margin-right: 10px;
}
.margin-left {	
	margin-left: 10px;
}

.pour-tous {
height: 210px;
}
.expertise5 {
	height:133px;
}
.expertise6 {
	margin-bottom: 20px;
}