JSFiddle - React, Tailwind, and code Playground

by Jitendra Pal

HTML

<div id="container">
    <div class="text">Item1</div>
    <div class="delimeter"></div>
    <div class="text">Item2</div>
    <div class="delimeter"></div>
    <div class="text">Item3</div>
    <div class="delimeter"></div>
    <div class="text">Item4</div>
    <div class="delimeter"></div>
    <div class="text">Item5</div>
    <div class="delimeter"></div>
    <div class="text">Item6</div>
</div>

CSS

#container{
    display:flex;
    justify-content: space-around;
}
#container .text{
    background-color:green;
    padding:5px;
}
.delimeter{
    border-left:1px solid red;
}