JSFiddle - React, Tailwind, and code Playground

HTML

<div class="note">Колебание неверифицируемо стабилизирует адронный квазар, при этом дефект массы не образуется. Квантовое состояние пространственно ускоряет плоскополяризованный электрон, как и предсказывает общая теория поля. Суспензия, на первый взгляд, конфокально тормозит резонатор в полном соответствии с законом сохранения энергии. Идеальная тепловая машина возбуждает пульсар, при этом дефект массы не образуется.</div>
<div class="line"></div>
<div class="note">Молекула параллельна. Линза, в первом приближении, изотропно масштабирует осциллятор, как и предсказывает общая теория поля. Жидкость коаксиально масштабирует плазменный фонон - все дальнейшее далеко выходит за рамки текущего исследования и не будет здесь рассматриваться. Излучение пространственно тормозит ультрафиолетовый погранслой по мере распространения сигнала в среде с инверсной населенностью.</div>

CSS

.line{
    height: 1px;
    margin: 10px 0;
    background: #CCC;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255,255,255,1)), color-stop(0.15, rgba(204,204,204,1)), color-stop(0.85, rgba(204,204,204,1)), color-stop(0.99, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 15%, rgba(204,204,204,1) 85%, rgba(255,255,255,1) 99%);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 15%, rgba(204,204,204,1) 85%, rgba(255,255,255,1) 99%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 15%, rgba(204,204,204,1) 85%, rgba(255,255,255,1) 99%);
    background: linear-gradient(left, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 15%, rgba(204,204,204,1) 85%, rgba(255,255,255,1) 99%);
}