JSFiddle - React, Tailwind, and code Playground

by abhishek_soni

HTML

<div style="margin-top: 25px;" class="mainland-china">
  <div class="mainland"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="height:30px; margin-right:5px;"> '60' <span class=mainlandy> '50' </span>
  </div>
  <div class="mainland"><img src="https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31" style="height:30px; margin-right:5px;"> '60'<span class=mainlandy> '50' </span>
  </div>
  <div class="mainland"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="height:30px; margin-right:5px;"> '60'<span> '400'</span>
  </div>

CSS

.mainland-china{
  display: flex;
  flex-direction: row;
}

.mainland{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

JavaScript

/* display: flex;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
    
     */