html - New Google Site and Apps Script CSS not displaying correctly

Question

I have an Apps Script that displays a Label above the Select using display:block for input, label. Test Deployment displays the css correctly. The new Google Sites embeds the App Script by URL and ignores the CSS to display:block. Is there a way to display the Label above the Select in Sites?

Displayed as Test Deployment using Chrome:
Label
Select

Displayed in New Google Sites, embeded apps script:
Label Select

        <form id="basicForm" onsubmit="processBasicForm(this)">
                    
          <div class="floating-label-wrap">
            <label for="totalCnt">Counters</label>
              <select id="totalCnt" name="totalCnt" form="basicForm" multiple size="5">
                <option value="35">2-35</option>
                <option value="60">36-60</option>
                <option value="75">61-75</option>
                <option value="100">76-100</option>
                <option value="150">101-150</option>
                <option value="200">151-200</option>
                <option value="100000">201+</option>
              </select>
          </div>
         
        </form>

div {
  display:block;
}

.floating-label-wrap {
    display:inline-block;
}

input, label {
    display:block;
    text-align:left;
    
}