JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner">
        <p>1</p>
        <p>2</p>
        <p>3</p>
    </div>
</div>

CSS

.outer {
    background: #eee;
    padding: 15px;
}
.inner {
    display: flex;
    background: #ccc;
    padding: 15px;
    width: 20%;
    margin: 0 auto;
}
p {
    padding: 15px;
    border: 1px solid red;
}