JSFiddle - React, Tailwind, and code Playground

HTML

<article id="article_a">
<p>ejemplo1</p>
    <p>ejemplo1</p>
    <p>ejemplo1</p>
    <p>ejemplo1</p>
    <p>ejemplo1</p>
    
</article>
<article id="article_b">
<p>ejemplo2</p>
    <p>ejemplo2</p>
</article>
<article id="article_a">
<p>ejemplo3</p><p>ejemplo3</p><p>ejemplo3</p>
</article>	
<article id="article_b">
<p>ejemplo4</p><p>ejemplo4</p><p>ejemplo4</p><p>ejemplo4</p><p>ejemplo4</p><p>ejemplo4</p><p>ejemplo4</p><p>ejemplo4</p><p>ejemplo4</p>
</article>
<article id="article_a">
<p>ejemplo5</p><p>ejemplo5</p><p>ejemplo5</p><p>ejemplo5</p><p>ejemplo5</p><p>ejemplo5</p><p>ejemplo5</p><p>ejemplo5</p><p>ejemplo5</p><p>ejemplo5</p>
</article>

CSS

body{width:500px;}#article_a {
    width: 30%;

    background-color:#D4D4D4;
    display: inline-block;
    float: left;
    margin-left: 5px;
    vertical-align: top;
}
    
#article_b {
    width: 30%;

    background-color: red;
    display:  block;
    float: left;
    margin-left: 5px;
    vertical-align: top;
}