JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
        <div class="title-wrap">
            <h1>Lorem Ipsum Dolor</h1>
        </div>
        <div class="right-wrap">
            <span>1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
        </div>
    </div>

CSS

* {
            margin:0;
            padding:0;
        }
    .wrap {
        width:100%;
    }
        .title-wrap {
            background-color:yellow;
            display:inline-block;
        }
        h1 {
                
            font-size:20px;
            line-height:40px;
        }
        .right-wrap {
            float:right;
            display:inline-block;
            right:0px;
            top:0px;
            background-color:orange;
            padding:20px;
        }
        .right-wrap span {
            display:inline-block;
            width:20px;
            height:20px;
            margin-right:10px;
            background-color:purple;
        }