title: Align the components horizontally in the card header of dash bootstrap
body: <p>I want to arrange three components <code>html.div</code>, <code>dbc.Checklist</code> and <code>dbc.Button</code> horizontally in the card header of dash bootstrap.</p>
  <p>The following is the current arrangement, with the three elements lined up vertically.</p>
  <p><a href="https://i.stack.imgur.com/2Uhbq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2Uhbq.png" alt="enter image description here" /></a></p>
  <p>Is there any way to arrange the entire component or part of it horizontally in the style element of the card header?</p>
  <p>Thank you.</p>
  <p>here is my source code.</p>
  <pre><code>import dash
  import dash_bootstrap_components as dbc
  from dash import html, dcc
  import plotly.express as px
  import plotly.graph_objects as go
  from dash.dependencies import Input, Output
  
  
  app = dash.Dash(external_stylesheets=[dbc.themes.BOOTSTRAP])
  
  app.layout = dbc.Container(
      [
          dbc.Row(
              [
                  dbc.Col(
                      dbc.Card(
                          [
                              dbc.CardHeader(
                                  [
                                      html.Div(&quot;card header&quot;),
                                      dbc.Checklist(
                                          options=[{&quot;label&quot;: &quot;edge color&quot;, &quot;value&quot;: 1},],
                                          value=[1],
                                          id=&quot;switches-input&quot;,
                                          switch=True,
                                          inline=True,
                                      ),
                                      dbc.Button(&quot;button&quot;),
                                  ]
                              ),
                              dbc.CardBody(html.Div(&quot;card body&quot;))
                          ]
                      ),
                  ),
              ],
          ),
      ],
      style={&quot;height&quot;: &quot;95vh&quot;, &quot;background-color&quot;: &quot;grey&quot;},
  )
  
  if __name__ == &quot;__main__&quot;:
      app.run_server(debug=True)
  </code></pre>