JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cloud">
     <a class="cloud1" target="_blank" href="">Movie</a> 
     <a class="cloud2" target="_blank" href="">news</a>  
     <a class="cloud2" target="_blank" href="">Movie</a> 
     <a class="cloud1" target="_blank" href="">123</a>  
<br>
     <a class="cloud1" target="_blank" href="">rand</a>
     <a class="cloud2" target="_blank" href="">news</a>
     <a class="cloud2" target="_blank" href="">Movie</a> 
     <a class="cloud1" target="_blank" href="">ok</a> 
    
     </div>

CSS

.cloud
    {
    height:200px;
    }
    .cloud1
    {
    font-size:26px; 
    margin-top:22px;
    }
    .cloud2
    {
    font-size:18px; 
    margin-top:5px;
    }