displaying 3 dropdownlist horizontally

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?

zachvaldezAsked: 2017-03-20

Who is Participating?

Experts Exchange Solution brought to you by

Enjoy your complimentary solution view.

Get this solution by purchasing an Individual license! Start your 7-day free trial.

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

LVL 5

Juana VillaFront-end DeveloperCommented: 2017-03-20

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.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial

LVL 70

Julian HansenCommented: 2017-03-20

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.