Однострочная метка / поле ввода с использованием jquery mobile CSS

Я пытаюсь отобразить список меток и входов с помощью JQuery Mobile, чтобы результаты выглядели примерно как настройки на iPhone, например метка выравнивается по левому краю, и ввод выравнивается по правому краю в той же строке. Единственный способ, которым мне удалось это сделать, - использовать таблицы, что я считаю плохой практикой?

Что было бы равным CSS без таблиц?

   <ul data-role="listview" data-dividertheme="e">
                <li data-role="list-divider">Seamless List (margin-less)</li>
                <li>
                    <table style="width:100% ">
                        <tr>
                            <td style="width: 50%">
                                Foo1
                            </td>
                            <td style="width: 50%">

                                <input type="number" value="20000" style="text-align: right" 
                                id="Foo1Input" />

                            </td>
                        </tr>
                    </table>
                </li>