jQuery Mobile: сеточные макеты

В настоящее время мне нужно решение, которое позволяет сбрасывать div на основе набора параметров. Идея была div с левым текстом и справа от опций.

Я реализовал схему сетки:

<li>
 <div class="ui-grid-a">
  <div class="ui-block-a">Do you require ............... &pound;1 </div>
  <div class="ui-block-b"><input type="radio" name="label" value="yes" />Yes<input type="radio" name="label" value="no" />No</div>
 </div>
</li>

но я требую, чтобы ui-block-a составлял 70%, а ui-block-b - 30%

Я попытался добавить в CSS CSS, чтобы попытаться сбросить его, но он не хочет работать:

.ui-block-a{
width:70%;
}
.ui-block-b{
width:30%;
}

Кто-нибудь знает, как это сделать? или это так же просто, как изменение имени класса в пользовательский класс или есть другие элементы, которые мне нужно будет добавить, чтобы получить тот же эффект, что и .ui-block-b & .ui.block-a