title: Heights of dropdown and button are different. Dash Plotly python
body: <p>I am trying to make a dashboard with dash in python and I am trying to align 2 dropdowns and a button horizontally</p>
  <p>this is the html.Div that I am working with</p>
  <pre><code>html.Div([
      html.Div(
          dcc.Dropdown(
              id='dropdown 1',
              options=list(df_.columns),
              multi=True,
              clearable=True,
              searchable=True,
              placeholder='Required Rows',
              optionHeight=20,
          ), style={
              'width': '39%',
              'display': 'inline-block',
              'vertical-align': 'top',
          }
      ),
  
      html.Div(
          dcc.Dropdown(
              id='dropdown 2',
              options=list(df_.columns),
              multi=True,
              clearable=True,
              searchable=True,
              placeholder='Required Columns',
              optionHeight=20,
          ), style={
              'width': '39%',
              'display': 'inline-block',
              'vertical-align': 'top',
          }
      ),
  
      html.Div(
          html.Button(
              &quot;Do something&quot;,
              id='button_1',
          ), style={
              'width': '20%',
              'display': 'inline-block',
              'vertical-align': 'top'
          }
      )
  
  ]),
  </code></pre>
  <p><a href="https://i.stack.imgur.com/rArP0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rArP0.png" alt="enter image description here" /></a></p>
  <p>Is there any way to make the height of the <code>do something</code> button the same as that of the dropdown even when the window is resizing.</p>
  <p>Or</p>
  <p>Is there any way to make the height of dropdowns same as that of the button, which stays the same even when resizing?</p>
  <p>Thank you</p>