JSFiddle - React, Tailwind, and code Playground

HTML

<div id="banner4">
	<div id="banner4Tekst">
		<p id="banner4Naslov"> This is the fourth banner!</p>
		<p id="banner4Podnaslov">  Why not try our services today, you won't regret your choice! </p>
	</div>
	<div id="banner4Button">
		<button id="banner4BT"> CONTACT US TODAY </button>
	</div>
	<div class="clear"></div>
</div>

CSS

#banner4{
	background-color:#e0e0e0;
	margin-left:3.6%;
	border-left: solid;
	border-width:7px;
	border-color:#0099FF;
	width:92%;
}

#banner4Tekst{
	float:left;
	width:66%;
	padding: 10px 2%;
}

#banner4Naslov{
	font-family:Times New Roman;
	font-size:30px;

}

#banner4Podnaslov{
	font-family:Times New Roman;
	font-size:17px;

}

#banner4BT{
	background-color:#0099FF;
	padding: 8px;
	border:none;
	border-radius: 4px;
	color:white;
	font-family: Cambria;

}

#banner4Button{
	float:left;
	width:30%;
}
#banner4Button button{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 30px;
	font-size: 24px;
}
p{
	margin: 10px;
}
.clear{
	clear:both;
	width:100%
}