JSFiddle - React, Tailwind, and code Playground

HTML

<div >
    <li>
    <div class="header">test1 </div>
    <li>
        <div class="header">some text that will wrap</div>
    <li>
        <div class="header">test3</div>
<li>
        </div>

CSS

.header {
    
    display: block;    
    text-align: center;
    width: 123px;
    background: green;
    border-radius: 4px 4px 4px 4px;
    height: 80px;
    margin:0px auto;
    
    
}
li
{
    list-style-type:none;
    
}