Центрирование 2 на CSS

Берем стиль: #pu{display:flex;margin:auto;padding:8%;border:1pt solid red;width:68%;height:8%;align-items:center;justify-content:center;text-align:center}.
Внимание, тут что-то не так с шириной блока и с переводом строк в блоке тегом "p" (а вот тег "br" отображается нормально).
Ввод дополнительного стиля "#pu p{display:block;width:98%}" ни к чему не привел.

Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста.
Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста. Пример ввода текста.