css - Horizontal list with select box -

i using <ul><li> list tag within have 3 tags sos:

<ul id="reg-lists" >     <li class="one">             <select>...</select>         </li>      <li class="two">             <select>...</select>         </li>      <li class="three">             <select>...</select>         </li>      </ul> 

i have proper css make list horizontal:

#the-form li {     display:inline !important;     list-style-type: none;     padding-right: 10px;     } 

i does'nt seem work though , not sure why. horizontal rule seems apply until put combos. appreciate help. thanks

it works fine me -- see jsfiddle -- list items displayed horizontally, @ least when @ in firefox.

if you're seeing else in browser, please let know.

if case, solution may use display:inline-block instead of display:inline.

inline-block similar inline, allows element contain block type elements, not allowed normal display:inline style.

hope helps.