JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <aside>Some aside content</aside>
    <article>
        <p>Curabitur sit amet dui quis turpis fermentum tempus. Nam id urna eget ante adipiscing vestibulum. Ut libero purus, posuere at fringilla non, iaculis sed nisi. Ut arcu ipsum, sollicitudin nec tincidunt in, tincidunt ac dui. Aliquam ut sollicitudin mauris. Quisque tristique diam ac libero lobortis vitae ultricies tellus dignissim. Mauris at varius nisi. Proin dolor velit, fringilla eget pulvinar eu, malesuada eget tortor. Quisque augue libero, dignissim eget suscipit ut, posuere et est.</p>
    </article>
</section>

CSS

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #F00;
    width: 200px;
}

section aside {
    background-color: #0F0;
    width: 50px;
    padding: 10px 5px;
    word-wrap: break-word;
}

section article {
    width: 150px;
    padding: 10px 5px;
    word-wrap: break-word;
}

section article p {
    padding: 0px;
    margin: 0px;
}