JSFiddle - React, Tailwind, and code Playground

by irinablue

HTML

<div class="main">
    <div class="f"></div>
    <div class="s"><div></div><p>какой-то текст</p></div>
    <div class="th"></div>
</div>

CSS

.main {width:500px;overflow:hidden;}
.f {float:left;width:100px;height:500px;background:#ccc;}
.s {position:relative;float:left;width:300px;height:500px;background:#f5f5f5;}
.th {float:left;width:100px;height:500px;background:#ccc;}
.s div {position:relative;width:60%;height:80px;top:0;left:20%;border-width: 1px;border-style: dotted;border-color: red;background:blue;}