Search code examples
htmlcssalignment

Align the select and Input and Button HTML elements in one row

Can some one help me lining Select Drop down, Input and Submit button in one row.

I am getting only Input and Button aligned in row but Select is going upside.

I tried below in CSS but didn't work

display : inline;

Can you please help to modify the CSS to align all in one row.

Demo

Solution

  • I found the solution ,I just need to make

    inline-flex =>inline-flex makes the container inline while still retaining the flex layout properties. 

    display : inline-flex;