Определить предпочтительную позицию для разрыва строки [закрыто] ⇐ CSS

[Anonymous]

Есть ли способ, желательно с помощью CSS, определить предпочтительное место для разрыва строки при условии, что весь текст не будет разбиваться более чем на 2 строки?
Скажем, у нас есть такое предложение:

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

This is the rather lengthy main clause, but here's a sub clause.

Я хочу разбить предложение на запятую.
Но я не хочу, чтобы оно разбивалось на третью строку, если не хватает горизонтали космос. В этом случае мой принудительный разрыв строки следует просто игнорировать.

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

// wide screen (perfect):

| This is the rather lengthy main clause,                 |
| but here's a sub clause.                                |

// narrow screen (bad):

| This is the rather lengthy main  |
| clause,                          |
| but here's a sub clause.         |

// narrow screen (good):

| This is the rather lengthy main  |
| clause, but here's a sub clause. |

Как бы я это сделал?
DEIT (иди и возьми, лагерь!):
ТАК ВОТ МОЙ КОД, чтобы мне не пришлось отправляться в тюрьму ТАК:

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

This is the rather lengthy main clause,

but here's a sub clause.

Я действительно не понимаю, чем это должно помочь. Это решение, специфичное для платформы, и я прошу ванильное решение, наиболее предпочтительное решение только для CSS.
Если вы хотите понять детали, загляните в документацию Vuetify. Это вопрос не о Vuetify, поэтому не буду вдаваться в подробности.

Подробнее здесь: https://stackoverflow.com/questions/790 ... line-break