Zalgo text breaks layout and looks like corrupted or virus text in WordPress [closed]

I'm working on a WordPress-based website where users can generate Zalgo text (Unicode combining characters).

The problem is that when Zalgo text is generated, it visually looks like corrupted or virus-like text. It overflows its container, breaks line height, overlaps other elements, and sometimes distorts the page layout.

Example issues:

Excessive combining characters stack vertically Text goes outside the container Line-height becomes unreadable Layout breaks inside WordPress themes

How can I safely render Zalgo text in HTML/CSS so that:

it stays inside its container it does not break the layout it remains readable it works correctly in WordPress

Is there a recommended CSS or JavaScript approach to normalize or limit Unicode combining characters?