Black Lives Matter. Please consider donating to Black Girls Code today.
Learn how to use COVID-19 data in open source Dash apps. Register for the Sept 23rd webinar with IQT!

CSS help on centering Radio Items

Hello,
I would like to center two radio items together: the mobility and gender items (see example).

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%'}
            )])