Textový text rovnomerne, keď je prerušený riadok - html, css

Mám tag paragrafu, ako je uvedené vyššie, tieto sú načítané dynamicky z databázy, existuje nejaký spôsob, ako pomocou HTML / CSS, že môžem opraviť tento škaredý účinok tak, že text je rozdelený rovnomerne, tj:

Epizóda 10 Keď Môj

Brothers Wake Up

odpovede:

Môžete skúsiť nasledovné:

<style>
div {
text-align: justify;
text-justify: inter-word;
}
</style>

V systéme CSS4 môžete tiež skúsiť nasledovné:

text-wrap: balance;