JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="holder">
    <li>bla</li>
    <li>foo</li>
<ul>

CSS

body {
    font-family: helvetica
}

ul.holder { 
    padding: 6px 5px 1px;
    border: 1px solid #ccc;
    overflow: hidden;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
    min-height: 36px;
    width: 300px;
}

ul li { 
    float: left;
    
    background-color: #E1F0E5;
    border: 1px solid #A6D4B4;
    border-radius: 3px 3px 3px 3px;
    padding: 1px 5px 2px;
    
    font-size: 13px;
    line-height: 18px;

    list-style-type: none;
    margin: 0 5px 4px 0;
    white-space: nowrap;
}