white box displays div content, source adds breakout class

I see some of the information was incomplete, so I repeat it here

Problem - code will work in a page that was created before today, but if copied into a page created today it will not work. When I look at the source code I see that it adds <div class="breakout"> when displaying the page created today. And it displays the content wierdly inside a box with white background and no where near 70% of the width of the page. The source for both was created in the Classic editor, both had the current content entered today.

The code:

<div>
<font>Help For</font>

</div>

From source of test1B:





<div>


<div class="breakout">

<font>Help For</font>

From source of test where code works:





<div>


<font>Help For</font>

</div></div></div></div>

It still is removing some of my coe sample. Let me try putting it in quotes.

My code:
"<div> <font>Help For</font>

</div>"

"From source of test1B:
<div>

<div class="breakout">

<font>Help For</font>

"

"From source of test where code works:




<div>

<font>Help For</font>

"

</div></div></div>

Let me try once again using raw
<raw>The code:

<div> <font>Help For</font>

</div>
From source of test1B:




<div>


</div><div class="breakout">

<font>Help For</font>

From source of test where code works:




</div><div>


<font>Help For</font>

</div></raw>

It still chopped out code, so here it is with the usual < and > replaced with { and }
The code:

{div id="MainContentWrap" style="width:70%;font-family:Verdana"}
{p align="center"}{font style="font-weight:900;font-size:14pt" }Help For{/font}{/p}
{/div}

From source of test1B:
{p}{p}{div id="MainContentWrap" style="width:70%;font-family:Verdana"}
{p}{div class="breakout"}{p}{p align="center"}{font style="font-weight:900;font-size:14pt" }Help For{/font}{/p}

From source of test where code works:
{p}{p}{div id="MainContentWrap" style="width:70%;font-family:Verdana"}
{p} {p align="center"}{font style="font-weight:900;font-size:14pt" }Help For{/font}{/p}