Word break issues

Hello,

I am new to website design and notice that various headings/titles on my site are splitting at the end of the line in odd places. I’ve read quite a bit about it and tried some css code such as changing from “word-break: break-all;” or “word-break: break-word;” to “word-break: keep-all;” but no luck. For instance, one of my posts titles looks like this:

A Moment in Time Sav
es Everything

Another example is my subscribe widget title looks like this:

SUBSCRIBE TO OUR EMA
IL LIST

I have not yet launched my website, but found an example of another lovely site using the same theme as I am. When I view this page (below) on my laptop, the word break issue splits the title at the “and” such that “a” is on the first line and “nd” is on the next line. When I view this page on my mobile phone, there word break is not an issue:

https://handmadebynicki.co.uk/index.php/quilted-banners-worship-table-covers-and-prayer-walls/

Any help is greatly appreciated!

[Moderated: Signature removed]

• This topic was modified 4 years, 2 months ago by t-p.