JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<p>Le premier paragraphe<p>
<p id="gauche">Le deuxième paragraphe<p> 
<p id="droite"> A FAIRE FLOTTER A DROITE du deuxième paragrapheA FAIRE FLOTTER A DROITE du deuxième paragrapheA FAIRE FLOTTER A DROITE du deuxième paragrapheA FAIRE FLOTTER A DROITE du deuxième paragrapheA FAIRE FLOTTER A DROITE du deuxième paragraphe<p>
<p id="dessous"> un 4e paragraphe </p>

CSS

p {width:300px;
    background-color:red;}

#gauche {
    background-color:purple;
    float: left;
}

#droite {
    background-color:yellow;
    float: right;
}

#dessous {
    clear:left;
    /*clear:right;*/
    /*clear:both;*/
 background-color:blue;   
}