I have a basic html template and when I change the font size for one item it works but another it doesn't.

Original HTML
h1, .h1{
          /*@editable*/ color:#202020;
          display:block;
          /*@editable*/ font-family:Arial;
          /*@editable*/ font-size:34px;
          /*@editable*/ font-weight:bold;
          /*@editable*/ line-height:100%;
          margin-top:0;
          margin-right:0;
          margin-bottom:10px;
          margin-left:0;
          /*@editable*/ text-align:left;
         }
h2, .h2{
          /*@editable*/ color:#202020;
          display:block;
          /*@editable*/ font-family:Arial;
          /*@editable*/ font-size:30px;
          /*@editable*/ font-weight:bold;
          /*@editable*/ line-height:100%;
          margin-top:0;
          margin-right:0;
          margin-bottom:10px;
          margin-left:0;
          /*@editable*/ text-align:left;
         }
<h1 class="h1">Heading 1</h1>
<h2 class="h2">Heading 2</h2>

After selecting each one and increasing the font size to 72
<h1 class="h1"><span id="cke_bm_202S" style="display: none;">&nbsp;</span>Heading 1<span id="cke_bm_202E" style="display: none;">&nbsp;</span></h1>
<h2 class="h2"><span style="font-size:72px;">Heading 2</span></h2>

"Heading 2" displays correctly while "Heading 1" does not.