JSFiddle - React, Tailwind, and code Playground

HTML

<html>

<body>
    <div class="c">
         <div class="b">Вот этот блок увеличивает рамку<br><br><br><br><br><br><br></div>
 Почему вот этот не равняется на соседа слева?
    </div>
</body>

</html>

CSS

.b{border: 1px solid black;float: left;width: 180px;border-width: 1px 1px 1px 1px;}
.c{border: 1px solid black;border-width: 1px 1px 1px 0px;overflow:hidden}