JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page">
        
        <div class="block1">
            <p>
            Текст
            </p>
        </div>

      
        <div class="block2">
            <p>
            Текст
            </p>
        </div>

                 
    </div>

CSS

.page{

    width:100%;
    min-width:220px;
    height:300px;
    background-color:#ccc;
}
.block1{
    width:150px;
    height:150px;
    background-color:#424242;

}

.block1 p{
    background-color:#fbfbfb;
    width:100px;
    float:left;
}

.block2{
    width:150px;
    height:150px;
    background-color:#424242;
    float:right;
    position:relative;
    top:-60px;
}
.block2 p{
    background-color:#fbfbfb;
    width:100px;
}