JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parrent">
    <div class="othertext">
        <h1>Headline</h1>
        <h3>Tagline</h3>
    </div>
    <ul>
        <li>Left text</li>
        <li>Center text</li>
        <li>Right text</li>
    </ul>
</div>

CSS

body {
    background-color: #eee;
}

h1 {
    margin: 30px 0 0 0;
    text-align: center;
}

h3 {
    margin: 0;
    text-align: center;
}

.parrent {
    margin: 50px auto;
    width: 400px;
    height: 200px;
    background-color: #ccc;
    border: solid 10px #fff;
}

ul {
    margin: 60px 0 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

li {
    padding: 0 50px 0 0;
    display: inline;
}

li:last-child {
    padding: 0;
}