JQuery + css元素未对齐

Question

我有弹出的代码：

CSS：

#mypopup-popup{
  right: 10%;
  left: 10%;
  width: 12%;
}

HTML：

<div data-role="popup" id="mypopup">
  <fieldset class="ui-grid-a">
    <div class="ui-block-a" align="right">
      <p><label for="Smoke">Smoke Sensor:</label></p>
    </div>
    <div class="ui-block-b" align="left">
      <p><select name='U' id='U' data-role='slider' data-mini='true' data-theme='a'/>
      <option value='off'>Off</option>
      <option value='on'>On</option>
      </select></p>
    </div>  
</div>

但我似乎无法对齐文本烟雾传感器：使用滑块，文本显示略高于滑块

而且，如果我想在那个底部添加更多文字+滑块，我该怎么办呢？