JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
	<div class="items" style="border: 1px solid black; padding-top: "> 
		
		<div class="app" style="border: 1px solid red;" > 
		
		<div class="app_top">
			<div> 
				<img src="_img1.jpg" width="95"/>
			</div>
			<span class="app_txt" style="border: 1px solid aqua;"> text text - House text house! Las...</span>
			<span class="ltd" style="border: 1px solid pink;"> textic-texttive ltd</span>
			<span class="" style="border: 1px solid blue;"> </span>
		</div>
		<div class="app_bottom">
		
		</div>
	</div>
</div>

CSS

.top{
	width: 95%;
	position: fixed;
	background-color: #f7f7f7;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3%;
	padding-right: 3%;
	border-bottom: 1px solid #b2b2b2;
}


.items{
	background-color: #ffffff;
	width: 100%;
	padding-top: 50px;
}

.app{
	margin-left: 25px;
	margin-right: 25px; 
}
.app_top {
    display: table-cell;
}
.app_top img {
    float: left;
}