JSFiddle - React, Tailwind, and code Playground

by 7_Paul_21

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Позиционирование</title>
  <style type="text/css"> 
   #leftcol {
    position: relative; /* Относительное позиционирование */
    float: left; /* Совмещение колонок по горизонтали */
    width: 400px; /* Ширина слоя */
    background: #800000; /* Цвет фона */
    color: white; /* Цвет текста */
   }
   #rightcol {
    position: relative; /* Относительное позиционирование */
    float: left; /* Совмещение колонок по горизонтали */
    left: -50px; /* Сдвиг слоя влево */
    top: 50px; /* Смещение слоя вниз */
    width: 120px; /* Ширина слоя */
    background: #e0e0e0; /* Цвет фона */
    border: solid 1px black; /* Параметры рамки */
   }
  </style>
 </head>
 <body>
  <div id="leftcol">
   <p>Левая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыая колоыыыыыыыыыыыыыыыыыыыыынка </p>
  </div>
  <div id="rightcol">
   <p>Правая колонка</p>
  </div>
 </body>
</html>