JSFiddle - React, Tailwind, and code Playground

HTML

<div><article class="pair">
Full social jacket

04/12/2013 - Documents

Full social jacket : et vous, quel manteau social voulez-vous ? Un webdocumentaire sur la Protection sociale des Belges et des Européens", projet réalisé à l'initiative du SPF Sécurité sociale
</article>
<article class="impair">
Les aidants proches

13/02/2013 - Documents

Présentation d'un nouveau site
</article>
<article class="pair">
Santé mentale et travail

29/01/2013 - Documents

Publication des actes du Colloque organisé par l'OCDE et l'INAMI
</article>
<article class="impair">
    La flemme de copié un 4e article 
    Full social jacket : et vous, quel manteau social voulez-vous ? Un webdocumentaire sur la Protection sociale des Belges et des Européens", projet réalisé à l'initiative du SPF Sécurité sociale
</article>
<article class="pair">
    La flemme de copié un 5e article 
</article>
    <article class="impair">
    La flemme de copié un 6e article 
</article>
    <article class="pair">
    La flemme de copié un 7e article 
</article>
    <article class="impair">
    La flemme de copié un 8e article 
</article>
</div>

CSS

div{
    width:304px;
}
article{
    width:150px;
    background-color:red;
    margin:1px;
}

.pair{
    float:left;
}
.impair{
    float:right;
}