<!DOCTYPE html>
<html>
<head>
<style>
p, div {
	margin: 20px;
}
.float {
	float: left;
}
</style>
</head>
<body>

<div style="background-color: #ff6b6b">
	<div style="background-color: #6c4ecd">
		div before
	</div>

	<p class="float" style="background-color: #4e97cd">
		<span>textextextextextextextext</span>
	</p>

	<div style="background-color: #ff9e2c">
		div after
	</div>
</div>

<p style="background-color: black; color: white">20px below</p>

</body>
</html>