Develop With Faith
July 26, 2026

The Two-Line CSS Fix That Cleans Up Awkward Headings on Church Websites

Look at almost any church homepage on a phone and you will find the same small blemish. A headline like "A Place to Belong and to Grow" wraps three words on the first line, then leaves the single word "Grow" hanging by itself on the second. A short paragraph does the same thing — five lines of comfortable text, and then a lonely "us." on line six.

None of this is broken. All of it is a little bit ugly, and on a page whose whole job is to feel welcoming, a little bit ugly costs more than it should.

In 2026, two CSS properties — text-wrap: balance and text-wrap: pretty — quietly fix the problem for every visitor whose browser supports them, which now means nearly all of them. They cost nothing to add, they need no JavaScript, and they age gracefully on the small number of older browsers that ignore them. Everyone else just sees a tidier page.

text-wrap: balance is meant for short blocks of text — headlines, hero subtitles, section headers, sermon-series titles. It tells the browser to distribute the words evenly across the available lines, so a two-line headline reads as two roughly equal lines instead of a long one and a single stranded word. We add it to every h1, h2, and h3 on the ministry sites we build. The visual difference is small on any single page and noticeable across a whole site — the headlines start looking like they were laid out on purpose.

text-wrap: pretty is for the longer stuff — body paragraphs, event descriptions, the "About Us" copy. It does two things at once: it prevents a single orphan word from dropping to the last line, and it slightly re-balances the last few lines so the paragraph ends on a note that reads well. It is a small, quiet form of care for the reader, especially on the phone in the parking lot where every line is precious.

Both properties are progressive enhancement in the truest sense. A browser that supports them makes the page a little prettier. A browser that does not still shows every word — no error, no broken layout, no missing content. The tradeoff is entirely upside.

If your ministry site's typography has been feeling almost-right for a while, this is often the missing ingredient. Send us the URL and we will take a look.

← Back to all posts