Hello,
I would like to center two radio items together: the mobility and gender items (see example).
Any suggestions or ideas? Thanks!
html.Div([
html.Div([
html.Label('Mobility'),
dcc.RadioItems(
id='mobility_selector',
options=[
{'label': 'Absolute', 'value': 'absolute_mob'},
{'label': 'Relative', 'value': 'relative_mob'},
],
value='absolute_mob',
labelStyle={'display': 'inline-block'}
)
]
, className='two columns',
),
html.Div([
html.Label('Gender'),
html.Div([dcc.RadioItems(
id='gender_selector',
options=[
{'label': 'Men', 'value': 'M'},
{'label': 'Women', 'value': 'F'},
],
value='M',
labelStyle={'display': 'inline-block'}
)
]
)
],
className='row', style= {'margin-left': '50%'}
)])