JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
    <div class="a">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum, pariatur voluptates unde sint, commodi nihil possimus ducimus ad nostrum facere non, magnam! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, earum iusto esse ipsum pariatur laudantium adipisci ab placeat odio nobis repellat in laboriosam veritatis asperiores, nostrum est, id, quis nam. Enim culpa cumque explicabo alias sit, voluptate repellendus?</div>
    <div class="b">
        <div class="c">lorem</div>
        <div class="d">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores ut repellat nihil quisquam tempore perferendis aspernatur rerum magni eveniet quo ratione tenetur, voluptates? Odit enim magnam dignissimos sapiente, eligendi eaque?</div>
    </div>
</div>

CSS

body {
    /* background: black; */
}
.box {
    display: flex;
    align-items: center;
}
.a {
    padding-right: 20px;
}
.b {
    display: flex;
}
.c {
    padding-right: 10px;
}