Делаю сайт для исследовательской работы в школу. Чтобы текст выделялся на фоне сделал секцию c оформлением в CSS суть в том, что текст не переноситься на следующую строку, когда секция кончается, а просто упирается в границу секции, сначала думал забить и сделать просто в нужных местах тэг <br>, но текста оказалось слишком много... Может кто помочь?
Код секции:
<section>
<p class="w4text" align="center">Текст</p>
</section>
Код CSS:

.w4text {
position: static;
width: 574px;
color: #e3ead4;
margin-top: 15px;
margin-left: 328px;
white-space: nowrap;
overflow: hidden;
background: rgba(41, 41, 36, 0.88);
text-overflow: ellipsis;
border-right: 3px solid rgba(0, 0, 0, 0.81);
border-top: 3px solid rgba(0, 0, 0, 0.81);
border-left: 3px solid rgba(0, 0, 0, 0.81);
border-bottom: 3px solid rgba(0, 0, 0, 0.81);
text-decoration: none;
}