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;
}
.title-wrap {
    background-color:yellow;
    display:inline-block;
}
h1 {
    
    font-size:20px;
    line-height:40px;
}
.right-wrap {
    position:absolute;
    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;
}