You are viewing limited content. For full access, please sign in.

Question

Displaying dropdown fields side by side

Forms

Updated February 18, 2016

asked on February 18, 2016 • Show version history

I have a form with a field Account Number and it has four dropdown fields. I mean account number is comprised of all 4 dropdowns. I want to place all 4 dropdowns side by side without any space.

How is that possible using CSS? Anyone please help. I tried {display:inline-block} but it did not work.

here is the screenshot

0 0

Replies

replied on February 18, 2016 • Show version history

Hello Vineela, Give below a try.

#q7 label {width: 150px;}
#q7 .cf-medium {width: 150px;}
#q7 .cf-field {width: 90px;}

#q8 label {width: 0px;}
#q8 .cf-small {width: 150px;}
#q8 .cf-field {width: 90px;}

#q9 label {width: 0px;}
#q9 .cf-small {width: 150px;}
#q9 .cf-field {width: 90px;}

#q10 label {width: 0px;}
#q10 .cf-small {width: 150px;}
#q10 .cf-field {width: 90px;}

#q7, #q8, #q9, #q10 {display:inline-block;}

2 0

You are not allowed to follow up in this post.

Sign in to reply to this post.

Asked February 18, 2016
Updated February 18, 2016
238 views