jQuery Forum

I've struggled with this for many hours.  I cannot find a way to show these form elements as such:

[Label1] [Input textbox1] [button1]
[Label2] [Input textbox2] [button2]
[Label3] [Input textbox3] [button3]

The problem is that the button always wraps to next line even when there is plenty of horizontal space.

Here is the code sample.   Thanks in advance.

@Using Html.BeginForm()
    @Html.ValidationSummary()

    @<ul data-role="listview" data-inset="true">
        <li data-role="list-divider">Timecard</li>

        <li data-role="fieldcontain">
            @Html.LabelFor(Function(m) m.StartTime)
            @Html.EditorFor(Function(m) m.StartTime)
            <button id="btn_Now_StartTime" type="button" data-inline="true" data-mini="true" data-theme="b" onclick="$('#StartTime').val(GetDateTime(true));">Set</button>
        </li>

        <li data-role="fieldcontain">
            <div style="text-align:center">
                <input type="submit" value="Save" onclick="$('#LocalUserDateTime').val(GetDateTime(false));" />
            </div>
        </li>

    </ul>     
       
End Using