Aligning Text in Rich Text Blocks: Tips and Workarounds

·Dec 03, 2025 12:46 PM·

Quick question. Does anyone know of a way or a workaround to align text within a rich text block? I have a fixtures list that will be populated from a doc they supply but Id like to style it somehow that doesnt look naff. Is this doable or is there a better way, one that doesnt over complicate the process for when they take over. Cheers

3 comments

· Sorted by Oldest

General

Aligning Text in Rich Text Blocks: Tips and Workarounds

Greg

·Dec 03, 2025 12:46 PM·

Quick question. Does anyone know of a way or a workaround to align text within a rich text block? I have a fixtures list that will be populated from a doc they supply but Id like to style it somehow that doesnt look naff. Is this doable or is there a better way, one that doesnt over complicate the process for when they take over. Cheers

3 comments

· Sorted by Oldest

Emily M.
·
·
I think using a table element would be the best way to achieve this, or a simple two-column grid for each month's contents. If you need all of the info to be input in a single rich-text field, maybe you could have the dates, e.g. 3rd, 4th, be bold, then add some custom code that selects bold text within that rich text field and gives it a minimum width. I'm not sure if that would work though.
Greg
·
·
Thanks Emily - I considered the 2 col grid initially but thought would be harder to manage down the line when it comes to adding or removing dates etc.
Greg
·
·
custom code for the win 🙌 <style> .fixture-list strong { display: inline-block; width: 100px; /* adjust to match longest date */ } </style>

Emily M.
·
·
I think using a table element would be the best way to achieve this, or a simple two-column grid for each month's contents. If you need all of the info to be input in a single rich-text field, maybe you could have the dates, e.g. 3rd, 4th, be bold, then add some custom code that selects bold text within that rich text field and gives it a minimum width. I'm not sure if that would work though.
Greg
·
·
Thanks Emily - I considered the 2 col grid initially but thought would be harder to manage down the line when it comes to adding or removing dates etc.
Greg
·
·
custom code for the win 🙌 <style> .fixture-list strong { display: inline-block; width: 100px; /* adjust to match longest date */ } </style>