JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div class="category">
        <p>Kategorie 1</p>
    </div>
    <div class="category">
        <p>Kategorie 2</p>
    </div>
    <div class="category">
        <p>Kategorie 3</p>
    </div>
    <div class="category">
        <p>Kategorie 4</p>
    </div>
</div>

CSS

#wrapper {
    width: 100%;
    background: #eee;
    margin: 10px auto;
    text-align:center;
}

.category {
    background: green;
    height: 100px;
    width: 100px;
    display:inline-block;
    margin: 10px;
}