Граница набора полей не отображается и флажок не выравнивается

Question

Я разрабатываю форму запроса в HTML, которая имеет флажки в качестве критериев.Я создал набор полей, чтобы иметь границы вокруг флажков.

Столкнулся с двумя проблемами:

1) Граница набора полей не отображается, когда я запускаю страницу в своей теме WordPress.2) Флажки не совпадают с текстом, когда страница запускается в моей теме WordPress.

Когда я запускаю код отдельно как HTML-файл в браузере, он отлично работает.

IЯ предполагаю, что это связано с темой WordPress.Но не знаю, где искать и как это исправить.

Это код:

fieldset {
  background-color: #FFFFFF;
  max-width: 600px;
}

<center>
  <h1>Query </h1>
</center><br>
<form id="queryForm" method="GET" action="/test_display.php">
  <fieldset>
    <legend>
      Query Criteria
    </legend>
    <span style="font-family:sans-serif"><input type="checkbox" id="aadhar" 
         name="Aadhar Number" value="Aadhar Number"> Aadhar Number</span>
    <span style="font-family:sans-serif"><input type="checkbox" 
        name="Disability" value="Disabilty">Disability</span>
  </fieldset>
</form>