JSFiddle - React, Tailwind, and code Playground

by Vaniljs

HTML

<div class="kindergarten-block">
            <img class="kindergarten-img" src="http://www.mad-squirrel.narod.ru/Img/malb.jpg" height="210" width="300" />
            <img class="kindergarten-img" src="http://www.mad-squirrel.narod.ru/Img/malb.jpg" height="210" width="300" />
            <img class="kindergarten-img" src="http://www.mad-squirrel.narod.ru/Img/malb.jpg" height="210" width="300" />
            <img class="kindergarten-img" src="http://www.mad-squirrel.narod.ru/Img/malb.jpg" height="210" width="300" />
            <img class="kindergarten-img" src="http://www.mad-squirrel.narod.ru/Img/malb.jpg" height="210" width="300" />
        </div>

         <div class="opisanie">
        <h2>Рабы текст</h2>
        <p>
            Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
        </p>

CSS

.kindergarten-block {
                width: 100%;
                margin-right: auto;
                margin-left: auto;
            }

            .kindergarten-img {
                float: left;
                padding: 1rem;
                margin-right: auto;
                margin-left: auto
            }
            .opisanie {
               width: 100%;
               position: relative
            }