Единственное, что вам нужно сделать - это обернуть ваш h1-тег в тег div, который не является div data-role = "header". Ваш код должен выглядеть следующим образом ...
<section id="firstpage" data-role="page">
<div data-role="header">
<div>
<h1>Grade Calculator</h1>
</div>
</div><!-- end data-role = header -->
</section>
Вам не нужно выравнивать текст, потому что div, заключающий тег h1, отключает jQuery. Чтобы придать тексту дополнительное поле, все будет слева, чтобы добавить CSS, и он должен выглядеть следующим образом ...
[data-role="header"] h1 {
margin-left: 10px;
}
Это даст вам левое поле слева.