JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cdiv">
    <div class="inline"><p>para 1</p></div>
     <div class="inline">
         <p>para 1</p>
         <span>para 2</span>
         <h1>para 3</h1>
    </div>
     <div class="inline"><p>para 1</p></div>
</div>

CSS

.cdiv{

display: inline;

}

.inline { 
    vertical-align: top;
    display: inline-block;
    margin: 0 10px 0 0;
}