Не работает text-align: justify

Question

Не работает text-align: justify

Зубчик Рябчиков Гуру (3585), на голосовании 11 месяцев назад

Хочу выровнять текст по обоим краям div (ширине), растянув за счёт дополнительных отступов между словами.

Answer 1

<!DOCTYPE html>
<html>

<head>
<style>
div {
width: 480px;
background-color: #E7C215;
float: left;
}

p {
text-align: justify;
word-spacing: 5px; /* Измените этот параметр по вашему усмотрению */
}
</style>
</head>

<body>
<div>
<p>Полученный с его помощью кефир является уникальным лечебным<br> препаратом, помогающим бороться с аллергией, гипертонией,<br> язвенной болезнью желудка и двенадцатиперстной кишки. Его<br> употребление нормализует кишечную микрофлору. Кефир,</p>
</div>
</body>

</html>

Answer 2

Переносы строк и параграф уберите и обтекание тоже
Выравнивание по обеим краям пишут только для тега в котором нужно сделать это действие