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.
Comments
Post a Comment