JSFiddle - React, Tailwind, and code Playground

by Artur Stambultsian

HTML

<div class="container">
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

CSS

.container {
    width: 860px;
    height: 200px;
    background-color: blue;
    position: relative;
}
    .container ul {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;        
        left: -20px;
    }
        .container ul li {
            float: left;
            width: 200px;
            height: 200px;
            margin-left: 20px;
            background-color: red;            
        }