Folks, I've created what is supposed to be a webpage using Word. When I am viewing in Word (as a webpage) everything looks OK.

But when I view it online in Chrome or Edge, the text in the text boxes is distorted.

I can make this problem go away by using a one by one table instead of a text box.

I have copied the text in the top text box to show you on the website and in the attached image, and I have outlined the text box. The text is Calibri (Body) 12 pt, but the same thing happens with Arial.

How do I fix this? The URL of the offending website is:

Trinity East United Methodist Church Exterior

This is what the webpage looks like in Chrome



This is what the webpage looks like in Word.



Solutions very much appreciated.