JSFiddle - React, Tailwind, and code Playground

by garfildalex

HTML

<div class="container">    
        <div class="block">
            <div>
                <div class="block_text"></div>
                02
            </div>
            <div>01
                <div class="block_text"></div>
            </div>
        </div>
        <div class="container">    
        <div class="block">
            <div>
                <div class="block_text"></div>
                03
            </div>
            <div>04
                <div class="block_text"></div>
            </div>
        </div>
        <div class="container">    
        <div class="block">
            <div>
                <div class="block_text"></div>
                06
            </div>
            <div>05
                <div class="block_text"></div>
            </div>
        </div>
        <div class="container">    
        <div class="block">
            <div>
                <div class="block_text"></div>
                08
            </div>
            <div>07
                <div class="block_text"></div>
            </div>
        </div>
    </div> 
    </div> 
    </div> 
    </div>

CSS

.container{
  margin-left: 40px;
}
.block{
  margin-top: 20px;
  margin-left: 20px;
  color: red;
  font-size: 30px;
}
.block>div{
  vertical-align: top;
  display: inline-block;
}
.block>div:nth-child(1){
  text-align: right;
}
.block_text{
  width: 100px;
  height: 150px;
  border: 2px solid green;
}