Mam pewien problem na stronie.

Przedstawie obrazek:



Na górze jest przykład trzech linijek tekstu wyświetlanych na komórce - widać że ostatnia linijka(górny tekst) to tylko 1 wyraz a chciał bym aby ostatnia linijka miała co najmniej dwa wyrazy lub więcej(dolny tekst).

W jaki sposób mogę to osiągnąć? Problem występuje tylko na komórce.

1. Połamać tekst.
2. Owinąć fragmenty w elementy blokowe lub ze stylem blokowym.
3. Zwiększyć poziomy padding komórki.

Można każdy ze sposobów zastosować ale dana osoba która będzie obsługiwać tą stronę ma się nie "bawić" w żaden z tych sposobów tylko wpisać lub wkleić tekst.

Nie można połamać tekstu bo ten problem występuje tylko na komórce na innych urządzeniach wyświetla się prawidłowo jak połamie to na komórce będzie ok ale na np tablecie już nie.
Elementy blokowe może tu pokombinuje.
Padding odpada bo ostatnia litera/fraza może być bardzo krótka.

Można też między ostatnimi wyrazami zamiast spacji zastosować   ale to nie do końca ładne rozwiązanie.

Ale dziękuje za pomoc!

Poniżej danej rozdzielczości można ukrywać <br/>. Wtedy cały tekst rozłoży się równomiernie, co chyba jest oczekiwane przy zbyt wąskiej na odstępy szerokości.

Rozwiązanie z elementami blokowymi jest analogiczne do łamania linii.