JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="data"> This is absolute.<br/>This is absolute.<br/>This is absolute.</div>
    <div class="hed">xxx</div>
    <br style = "clear:both"/>
</div>

CSS

.container{
		position:relative;
		border:1px solid blue;
		margin:auto;
		width:200px;
	  }
	  .data{
		position:relative;
		border:1px solid green;
		width:100px;
		top:10px;
		left:10px;
	  }
	  .hed{
		position:absolute;
		border:1px solid orange;
		width:30px;
		height:10px;
		top:-5px;
		left:10px;
		border-radius:5px;
		background-color:orange;
		line-height:10px;
	  }