JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="main-info">
      <h2> DataCoin wallet: </h2>
      <h3> DataCoins: 50 </h3>
      <h3> DataCoin Trust: 50 </h3>
    </div>
    <div class=" main-info">
      <h2> Computating Power Usage: </h2>
      <h3> Decryption: 40% </h3>
      <h3> DataCoin Mining: 40% </h3>
      <h3> Spamming and Pishing: 20% </h3>
    </div>
    <div class=" main-info">
      <h2> Computating Power Usage: </h2>
      <h3> Decryption: 40% </h3>
      <h3> DataCoin Mining: 40% </h3>
      <h3> Spamming and Pishing: 20% </h3>
    </div>
       <div class=" main-info">
      <h2> Computating Power Usage: </h2>
      <h3> Decryption: 40% </h3>
      <h3> DataCoin Mining: 40% </h3>
      <h3> Spamming and Pishing: 20% </h3>
    </div>
  </div>

CSS

.main-info {
  display: inline-block;
  float: left;
  width: 150px;
}