JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

<div>Привет!</div>
<div class="div1">
         <div class="up">
          текст текст текст текст текст<br>
          текст текст текст текст текст<br>
          текст текст текст текст текст<br>
          текст текст текст текст текст<br>
          текст текст текст текст текст
         </div>
      </div>



<div class="div2">текст текст текст текст текст</div>

CSS

.div1, .div2
      {
         line-height: 14px;
         border-left: 1px solid gray;         
      }
.div2
      { 
          margin-top: 10px;
          background-color: #fffccc;
          border-left: 1px solid gray;
      }
.div1
      { 
          margin-top: 35px;
          background-color: #ffcccc;
          padding-top: 1px;      /*нужен для отмены схлопывания отступов?*/
      }
.up
      {
         margin-top: -36px;
         background-color: #cffccf;
         height: 1%;    /*специально для IE, чтоб то, что за пределами блока, не исчезало*/
      }