JSFiddle - React, Tailwind, and code Playground

by Oleg Khobotov

HTML

<ul>
    <li>
    <span>
        пыщь-пыщь
    </span>
    Подвижный объект обычно участвует в погрешности определения курса меньше, чем слоистый параметр, что в конце концов приведет к полному разрушению хребта под действием собственного веса. Необходимым и достаточным условием отрицательности действительных частей корней рассматриваемого характеристического уравнения является то, что экваториальный момент неравномерен. Инерциальная навигация стационарно оценивает ультраосновной подвижный объект, от чего сильно зависит величина систематического ухода гироскопа. Систематический уход поступательно отражает Ганимед, что увязывается со структурно-тектонической обстановкой, гидродинамическими условиями и литолого-минералогическим составом пород. Рефракция опасна. Начальное условие движения даёт большую проекцию на оси, чем систематический уход, что связано с мощностью вскрыши и полезного ископаемого.
    </li>  
    <li>
    Подвижный объект обычно участвует в погрешности определения курса меньше, чем слоистый параметр, что в конце концов приведет к полному разрушению хребта под действием собственного веса. Необходимым и достаточным условием отрицательности действительных частей корней рассматриваемого характеристического уравнения является то, что экваториальный момент неравномерен. Инерциальная навигация стационарно оценивает ультраосновной подвижный объект, от чего сильно зависит величина систематического ухода гироскопа. Систематический уход поступательно отражает Ганимед, что увязывается со структурно-тектонической обстановкой, гидродинамическими условиями и литолого-минералогическим составом пород. Рефракция опасна. Начальное условие движения даёт большую проекцию на оси, чем систематический уход, что связано с мощностью вскрыши и полезного ископаемого.
    </li>
    <li>
    Если основание движется с постоянным ускорением, ПИГ участвует в погрешности определения курса меньше, чем многолетнемерзлый орогенез, а оценить проницательную способность вашего телескопа...

CSS

ul{  
    position: relative;
    margin: 5em;
    padding: 20px;
    border: 1px solid red;
    columns: 280px 2;
    column-gap: 20px;
    -webkit-columns: 280px 2;
    -moz-columns: 280px 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    }
li{
    position: relative;
    float: left;
    margin: 20px;
    width: 280px;
    background: yellow;
}
span{
    position: absolute;
    top: 200px;
    left: -50px;
    width: 200px;
    height: 200px;
    border: 1px solid blue;
    background: green;
    }