JSFiddle - React, Tailwind, and code Playground

by Nonamenonamevi4

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<div class="verse">
<h2>Евгений Евтушенко</h2>

<p><span class="year">&mdash; 1955 &mdash;</span></p>

<p>Бывало, спит у ног собака,<br>
костер занявшийся гудит,<br>
и женщина из полумрака<br>
глазами зыбкими глядит.</p>

Потом под пихтою приляжет<br>
на куртку рыжую мою<br>
и мне,<br>
задумчивая,<br>
<span class="say">скажет:</span><br>
&laquo;А ну-ка, спой!..&#187; —<br>
                <span class="sing">и я пою.</span>
 </div>
</body>
</html>

CSS

.verse {
  margin: auto;
  width: 250px;
  height: 200px;
}

.say {
  margin-left: 70px;
}

.sing {
  margin-left: 110px;
}

.year {
  margin-left: 80px;
}