displaying 3 dropdownlist  horizontally

zachvaldez
zachvaldez used Ask the Experts™
on
I have this code but it displays 3 dropdownlist vertically and not horizontally to fit 9column row.

             
    <div class="row">
                        <div class="large-9 columns">
                           
                                <label>
                                   John
                            <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
                                </label>
                               
                                <label>
                                    Peter
                           <asp:DropDownList ID="DropDownList2" runat="server"></asp:DropDownList>
                                </label>
                             
                                 <label>
                                    Jeff
                        <asp:DropDownList ID="DropDownList3" runat="server"></asp:DropDownList>
                                </label>
                                 

                        
                        </div>
                    </div>

Open in new window


What to do?
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Front-end Developer
Commented:
Hi zachvaldez,

I am not sure what code you are using that it is showing it vertically. Therefore, I made the code here: https://codepen.io/jvilla/pen/jBZGaE to show it horizontally. Usually "display: inline-block;" makes the trick.

I hope it helps!
Juana.
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
Where is the CSS for your code - that is important.

Also can you post the rendered HTML (view source - copy and paste the HTML for the row.

Author

Commented:
Juana , you're in right direction

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial