如何在Dash和Python中并排放置下拉菜单

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

app = dash.Dash(__name__)

app.layout = html.Div([
    html.Div([
        dcc.Dropdown(
            id='dropdown1',
            options=[
                {'label': 'Option 1', 'value': 'option1'},
                {'label': 'Option 2', 'value': 'option2'},
                {'label': 'Option 3', 'value': 'option3'}
            ],
            value='option1'
        )
    ], style={'width': '50%', 'display': 'inline-block'}),
    
    html.Div([
        dcc.Dropdown(
            id='dropdown2',
            options=[
                {'label': 'Option A', 'value': 'optionA'},
                {'label': 'Option B', 'value': 'optionB'},
                {'label': 'Option C', 'value': 'optionC'}
            ],
            value='optionA'
        )
    ], style={'width': '50%', 'display': 'inline-block'})
])

@app.callback(
    Output('dropdown1', 'value'),
    Output('dropdown2', 'value'),
    [Input('dropdown1', 'value'),
     Input('dropdown2', 'value')]
)
def update_dropdowns(value1, value2):
    return value1, value2

if __name__ == '__main__':
    app.run_server(debug=True)