JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<div class="block-wrapper">
    <h1 class="block-title">Lorem ipsum dolor sit. Lorem ipsum dolor sit</h1>
    <div class="block-figure">iamge</div>
    <div class="block-description-wrapper">
        <p>Далеко-далеко за словесными горами в стране.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente quod, consequuntur enim. Veritatis mollitia, pariatur perferendis consequuntur omnis qui reiciendis quidem quam ipsa officia accusamus hic corporis cupiditate fugiat. Molestias, laboriosam, asperiores. Voluptatum inventore soluta laboriosam nostrum, velit itaque qui quae assumenda eveniet dolores, voluptates harum veniam non fugiat! Nihil itaque ad dolorum qui dolor debitis laboriosam consequuntur sit minima earum! Laudantium expedita nemo iure voluptas, in voluptate nostrum tempore doloribus at eligendi necessitatibus voluptatibus dolor facilis facere qui error optio magni! Eligendi officia quam quos ducimus expedita! Cupiditate architecto quidem, eum possimus. Iusto, necessitatibus minima illo, nihil deserunt libero.</p>
    </div>
</div>

CSS

.block-title {
    float: left;
    margin: 0;
    width: 300px;
}

.block-figure {
    float: right;
    width: 350px;
    height: 350px;
    background-color: red;
}

.block-description-wrapper {
    float: left;
    width: 300px;
}