Что сделать для такого вида строки и переноса символов с такой строки?

Как сделать что бы строка переносилась по мере уменьшения блока, и что бы была другая строка, у которой длина была бы меньше но она переносилась бы так же?

Вот пример строк и их переносов:

Строка первая длиннее второй и переносится только под конец свободного пространства.

Строка вторая короче

но перенос идет раньше.

Попробуй для второго случая white-space:pre-line; а в первом случае и вовсе ничего не надо)

<p  class="first">
Строка первая длиннее второй и переносится только под конец свободного пространства.

<p
class="second">
Строка вторая короче
но перенос идет раньше.

.second {
white-space: pre-line;
}