Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Kevin
180
Problem with inline styling
posted

I am sure I am doing something daft but cannot see what:-

I have a webcombo control and I want a label to the left of it all on the same line:

 

 

 

 

 

 

 

 

<div style="display:inline" >

<label>test inline why not</label>

 

 

 

<ig:WebDropDown ID="WebDropDown1" runat="server" Width="182px" Height="23px">

 

 

 

</ig:WebDropDown>

 

 

 

</div>

What I get is the label on one line and the control displayed underneath it, not as I want the control inline with the label.

Can someone please tell me what I am doing wrong?

 

  • 294
    Verified Answer
    posted

    Hi kevindavis100,

    try doing these changes to your code:1) put the control inside a <div> and applying "inline-table" to the display styling attribute to each div. Basically something like this:

    <div style="display:inline-table" >
        <label>test inline why not</label>
    </div>


    <div style="display:inline-table">
        <ig:WebDropDown ID="WebDropDown1" runat="server" Width="182px" Height="23px"> </ig:WebDropDown>
    </div>