JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<div class="wrap">
            <div class="block1">текст слева</div>
            <div class="block2">текст справа</div>
        </div>

CSS

.wrap{
    padding: 20px;
    border: 1px solid #000;
     -height: 1%;
 *zoom: 1;
 display: table;
}
.wrap:after {
        content: '. . . . . . . . . . . .';
 line-height: 0.05em;
 font-size: 0.05em;
 display: block;
 word-spacing: 109in;
 height: 0;
 overflow: hidden;
}

.block1{
float: left;
width: 370px;
    font-size: 20px;
}

.block2{
  margin-left: 370px;
    background: #f2f2f2;


}