JSFiddle - React, Tailwind, and code Playground

by Nikita Karpov

HTML

<div>
    Основой всего, что сделано в методологии программирования, включая и объектное программирование стало структурное программирование, предложенное Эдсгером Дейкстрой в 1970-х годах.
</div>
<div>
    Одной из основных идей было введение блочных операторов ветвления (IF, THEN, ELSE) и цикличности (WHILE, FOR, DO, UNTIL и др.) вместо проблемного оператора GOTO, который приводил к получению запутанного, неудобочитаемого «спагетти-кода».
</div>
<div>
    Для использования в интеллектуальных системах структурное программирование обладает серьезным недостатком.
</div>
<div>
    Любая интеллектуальная система подразумевает наличие процесса обучения — изменения своего поведения посредством обучения с учителем, или по мере накопления опыта на основе собственных наблюдений. 
</div>
<div>
    Недостаток блочной парадигмы структурного 
</div>    
<div>
    Необдуманное исправление кода одного блока может повлечь некорректную работу вложенных блоков, а иногда и блоков уровнями выше. Такое внесение изменений в исходный код требует наличия специально подготовленного человека (разработчика программного обеспечения), который перед внесением изменений обязан изучить не только блок кода, предназначенный для исправления, но и вложенные, а так же смежные с ним блоки.
</div>
<div>
    Особую сложность создает «строкозависимость» структурного подхода к программированию. Другими словами, изменение значения определенной переменной необходимо производить в определенной строке кода, поскольку значение этой переменной может быть связано со значениями других переменных. 
</div>
<div>
    Таким образом, неправильный выбор строки может привести к критическим ошибкам, которые, к тому же, могут носить несистемный характер и быть труднообнаруживаемыми.
</div>
<div>
    Основой всего, что сделано в методологии программирования, включая и объектное программирование стало структурное программирование, предложенное Эдсгером Дейкстрой в 1970-х годах.
</div>
<div>
    Одной из основных идей было...

CSS

div {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 20px;
    float: left;
    background-color: #f95;
    //border: 1px solid black;
}
div:nth-child(5n+5) {
    clear: both;
}