html - ASP.NET チェックボックスのテキストの問題

Question

私はこの方法であまりにも長いので、私は質問をするだろうと思います. チェックボックスがたくさんありますが、それらはすべて独立しています。テキストが右側に表示されるように、それらを並べて表示する必要があります。私が持っているのは、コードが3つのチェックボックスを隣り合わせにしてレンダリングし、同じ行にそれぞれのテキストが続くことです。フロントエンドの担当者にマークアップを変更してもらうことはできますが、どうすればよいかわかりません。

ここに私のコードがあります:

<ul class="modal-options">
                <li>
                    <div class="label-by-checkbox">
                        <asp:CheckBox ID="conPopcorn" runat="server" />
                        <asp:Label ID="lblPopcorn" runat="server" Text="Popcorn"></asp:Label>

                        <asp:CheckBox ID="conNachos" runat="server" />
                        <asp:Label ID="lblNachos" runat="server" Text="Nachos"></asp:Label> 

                         <asp:CheckBox ID="conPretzels" runat="server" />
                        <asp:Label ID="lblPretzels" runat="server" Text="Pretzels"></asp:Label>
                    </div>
                </li>