horizontalAlign not working for buttons?

@future_plant wrote:

I’m trying to align a button to the bottom of a row or at least to the middle. I’ve tried adding a style dictionary at the individual html component, as well as to the entire row, but my button just won’t come down!

This is how it looks:

Capture_plotlyforum2767×900 397 KB

this is the (relevant part of) code:

app.layout = html.Div([
    # row 1     
    navbar,
    html.Div([
    html.Div([html.Label(["Select Province:", dcc.Dropdown(id='provinces-dropdown',
                                                 options=[{'label': k, 'value': k} for k in municipalities.keys()],
                                                 value='Noord-Holland',
                                                 style = dict(width = '100%'))])], className = "three columns"),
   
    
    html.Div([html.Label(["Select Municipality:", dcc.Dropdown(id='municipalities-dropdown',
                                                               value='Noord-Holland',
                                                               multi = False,
                                                               style = dict(width = '100%'))])], 
            className = "three columns"),
        
        html.Div([html.Button('Retrieve', id='retrieveProjectsBtn')],
                  className = 'three columns',
                  style = dict(horizontalAlign = 'center'))], 
                  className = "row", 
        style = dict(horizontalAlign = 'center')),

Thanks in advance!

Posts: 4

Participants: 2

Read full topic