JSFiddle - React, Tailwind, and code Playground

by ilyabezp

HTML

<div class="h"><div class="h_p h_pr"><div class="h_r">Return</div></div><span class="h_l"></span><div class="h_p"><div class="h_c">Cancel</div></div></div>

CSS

.h{position:fixed;top:0px;width:100%;height:47.5px;border-top:1px solid #5C779A;background-color:#416189;z-index:3;}
.h_p{display:inline-block;position:relative;min-width:90px;height:100%;}
.h_pr{width:255px;line-height:47.5px;padding-left:15px;}
.h_r{line-height:47.5px;left:20px;position:absolute;}
.h_c{line-height:47.5px;right:20px;position:absolute;}
.h_l{margin:0px;
border-right:1px solid #8393A3;
position:absolute;
top:5px;
z-index:1;
height:35px;
display:inline-block;
}