title: How can I place a button control group within a field container?
body: <p>I have a control group of buttons that looks like this:</p>
  
  <pre><code>&lt;div data-role="fieldcontain"&gt;
    &lt;label&gt;Ahead&lt;/label&gt;
    &lt;div data-role="controlgroup" data-type="horizontal"&gt;
      &lt;a href="#" data-role="button"&gt;Hour&lt;/a&gt;
      &lt;a href="#" data-role="button"&gt;Day&lt;/a&gt;
      &lt;a href="#" data-role="button"&gt;Week&lt;/a&gt;
      &lt;a href="#" data-role="button"&gt;Month&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd like for the label to look like the rest of the labels in my form.  As you can see, the label is not inline with the control group as it is with other controls:</p>
  
  <p><img src="https://i.stack.imgur.com/J2FlJ.png" alt="Fieldcontain"></p>
  
  <p>How do I wrap a control group in a field container and have the label appear inline?  Is it possible?  I didn't see any examples of this on the jqmobile site.</p>
  
  <p>The entire markup for the form is:</p>
  
  <pre><code>&lt;div data-role="content"&gt;
    &lt;div data-role="fieldcontain"&gt;
      &lt;label for="select-native-1"&gt;Metric&lt;/label&gt;
      &lt;select name="select-native-1" id="select-native-1"&gt;
        &lt;asp:Repeater ID="ui_metrics" ClientIDMode="Static" runat="server"&gt;
          &lt;ItemTemplate&gt;
            &lt;option value='&lt;%#DataBinder.Eval(Container.DataItem, "id")%&gt;'&gt;&lt;%#DataBinder.Eval(Container.DataItem, "friendly_name")%&gt;&lt;/option&gt;
          &lt;/ItemTemplate&gt;
        &lt;/asp:Repeater&gt;
      &lt;/select&gt;
  
      &lt;div data-role="fieldcontain"&gt;
        &lt;label for="select-native-1"&gt;Interval&lt;/label&gt;
        &lt;select name="select-native-1" id="select1"&gt;
          &lt;asp:Repeater ID="ui_interval" ClientIDMode="Static" runat="server"&gt;
            &lt;ItemTemplate&gt;
              &lt;option value='&lt;%#DataBinder.Eval(Container.DataItem, "id")%&gt;'&gt;&lt;%#DataBinder.Eval(Container.DataItem, "friendly_name")%&gt;&lt;/option&gt;
            &lt;/ItemTemplate&gt;
          &lt;/asp:Repeater&gt;
        &lt;/select&gt;
      &lt;/div&gt;
  
      &lt;div data-role="fieldcontain"&gt;
        &lt;label for="datetime-4"&gt;Start Date&lt;/label&gt;
        &lt;input type="datetime-local" name="datetime-4" id="datetime-4" value="" /&gt;
      &lt;/div&gt;
  
      &lt;div data-role="fieldcontain"&gt;
        &lt;label&gt;Ahead&lt;/label&gt;
        &lt;div data-role="controlgroup" data-type="horizontal"&gt;
          &lt;a href="#" data-role="button"&gt;Hour&lt;/a&gt;
          &lt;a href="#" data-role="button"&gt;Day&lt;/a&gt;
          &lt;a href="#" data-role="button"&gt;Week&lt;/a&gt;
          &lt;a href="#" data-role="button"&gt;Month&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div data-role="fieldcontain"&gt;
        &lt;div data-role="rangeslider"&gt;
          &lt;label for="range-7a"&gt;Index:&lt;/label&gt;
          &lt;input type="range" name="range-7a" id="range-7a" min="0" max="100" value="0" /&gt;
          &lt;label for="range-7b"&gt;Index:&lt;/label&gt;
          &lt;input type="range" name="range-7b" id="range-7b" min="0" max="100" value="100" /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>