---display: inline-block; ---not working for select tag

Hello,
I’m trying to put 4 buttons and 2 select tags in a row using display:inline-block in css but there is no way. The select tags go to a new line… Can’t figure out why. It works fine locally outside the theme. Any suggestions? The page is Charts - SWELLBEAT
Thanks
Andrea

Hi Andrea,

I hope you are well today and thank you for your question.

I tried to access the shared page but it says the page is password protected so could you please share me the password privately by checking the option “Set as private reply” when replying here so that i can troubleshoot it?

Best Regards,
Movin

Hi Movin,
thanks for your reply. I bypassed the problem by inserting a <td> tag for each <div> in the row of the table. Now the page is fine. Anyway, I’m still curious about the issue and what can cause it. I created another page with the original html code. The page is public: http://swellbeat.com/problem-colorlib/. You can see how the <select> tags go to a new line but I want all the buttons on the same line.
Best regards
Andrea

Thank you for sharing the page URL.

It’s not working because the select tag is added in the p tag so you have to use the following CSS code.

.buttonsSB + p {
    display: inline-block;
}