JSFiddle - React, Tailwind, and code Playground

by matmuchrapna

HTML

<div id=Box>
       <div id=outer>
           <div id=inner1 class=split_right>
              some image
           </div>
           <div id=inner2 class=split_left>
              some image
           </div>
           <div id=inner3 class=split_right>
              some image
           </div>
           <div id=inner4 class=split_left>
              some image
           </div>
       </div>
    </div>

CSS

.split_left {
        float: left;
        margin: 0px 10px 5px 10px;
        background-color: #ddd;
    }
    
    .split_right {
        float: right;
        margin: 0px 10px 5px 10px;
        background-color: #d6d;
    }