Выравнивание стихов по центру страницы | HTML

Ответ на вопрос:

Мне никак не даёт покоя одна маленькая проблема. А именно, возможность вертикального центрирования текста, точнее, текста стиха, его сдвига, но так, чтобы не было эффекта ёлочки [пример ёлочки].
У лукоморья дуб зелёный; Златая цепь на дубе том: И днём и ночью кот учёный Всё ходит по цепи кругом; Идёт направо - песнь заводит, Налево - сказку говорит.
<style>
.verse {
  display: table;
  margin: 0 auto; /* для центрирования display: table; не нужно указывать ширину блока, она рассчитывается самостоятельно */ 
  white-space: pre-line; /* не нужен <br> */ 
  word-wrap: break-word; /* чтобы слова переносились на маленьком экране */ 
}
</style>

<div class="verse">У лукоморья дуб зелёный;
Златая цепь на дубе том:
И днём и ночью кот учёный
Всё ходит по цепи кругом;
Идёт направо - песнь заводит,
Налево - сказку говорит.
</div>

Стилизация стихотворения с помощью CSS

Там чудеса: там леший бродит, Русалка на ветвях сидит; Там на неведомых дорожках Следы невиданных зверей; Избушка там на курьих ножках Стоит без окон, без дверей;
<style>
.verse {
  padding: 1em; /* отступ до текста */ 
  border: 1px solid #E7D5C0; /* рамка */ 
  background: #FFF9E7; /* фон */ 
}
</style>
в f t
наверх ↑

Комментариев нет: