How to have html.Div childrens in one line?

Here is the simple html.Div but I want to have children list objects in one line

                                options=[{'label': col, 'value': col} for col in features[2:]],
                    dcc.Input(id1, type="number"),
                    dcc.Input(id2, type="number"),            

Any help will be appreciated. Thank you!

The simple answer would be to add style={"display": "inline"} in the div…

A better way of doing would be with flexbox or the bootstrap grid, depending on how you want responsiveness to work in your page. Please take a look on the dash-bootstrap-components docs on Layout to see how the grid is implemented.

Thanks @jlfsjunior ! I did not know about the bootstrap components. But I used style = {"display":"inline-flex"} and it worked just fine.

1 Like