JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>1 block</title>
<style type="text/css">
.one { border-left: 1px solid; border-right: 1px solid; height: 100px; margin: 0 20px; }
.two { border-top: 1px solid; border-bottom: 1px solid; margin-top: -80px; height: 60px; }
.three { background: #F0F0F0; height: 100%; margin: 0 20px; border-left: 1px solid; border-right: 1px solid; position: relative; }
span { display: block; position: absolute; top: 20px; left: 20px; }
</style>
</head>

<body>
<div class="one"></div>
<div class="two"><div class="three"><span>Рабочий эскиз<br><br>вылезает из блока</span></div></div>
</body>
</html>