Препятствует ли вертикальное выравнивание тексту разрываться? [закрыто] ⇐ CSS

[Anonymous]

Всякий раз, когда я применяю вертикальное выравнивание:центр к тексту, находясь внутри элемента div, он просто перестает заботиться о элементе div и растягивается в бесконечность, не беспокоясь о таких вещах, как разрыв слов, перенос слов и другие подобные команды. Это просто особенность вертикального выравнивания или я делаю что-то не так?

Код: Выделить всё

* {
margin: 0;
padding: 0;
}

body {
background-color: red;
}

p {
font-size: 14px;
color: #000000;
}

.rectangle {
box-sizing: border-box;
width: 550px;
height: 150px;
padding: 0 40px 0 40px;
word-break: normal;
}

#blue {
background-color: #0000ff;
}

Код: Выделить всё

This text here is the problem child, it for some reason just bricks and decides its better than word-wrap or break, highly frustrating and costing me a lot of sanity.

Как сказано в самом вопросе и видно в коде, который я пытался добавить перенос слов и разрыв слов, чтобы текст исправлялся безрезультатно, я хочу, чтобы текст был центрирован, но при этом так, чтобы он не выходил постоянно из элемента div и не уходил в небытие.

Подробнее здесь: https://stackoverflow.com/questions/787 ... m-breaking