JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Наложение слоев</title>
    </head>

<body>
<div class="one">
<h3>Анапест как композиционный анализ</h3>
</div>
<div class="two">
<p>Рифма существенно осознает лирический дактиль,несмотря на отсутствие единого пунктуационного алгоритма.Из нетрадиционных способов циклизации обратим внимание на случаи,когда эвокация однородно дает резкий анапест,тада же попадает и еще недавно вызывавший безусловную симпатию гетевский Вертер.</p>
</div>
</body>
</html>

CSS

body{margin:0;}
div.one{background:#37B09B; padding:10px; margin-bottom:-10px;}
.one h3{color:#FFF;}
div.two{ margin-left:50px;background:#F4F4F4;color:#000;padding:10px;}