JSFiddle - React, Tailwind, and code Playground

by nikolya223

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

ul {
    display        : center;
    text-align     : center;
}
li {
    display    : inline-block;
    width      : 100px;
    height     : 100px;
    background : blue;    
}
li:before{
    content    : "";
    width      : 50px;
}

li:first:before{
    content    : "";
    width      : 50px;
}