How to give space between two dcc components in Python Dash?

Question:

What is the HTML equivalent for &nbsp (space) in Dash?

html.Div(
    [
      dcc.Input(),
      <add horizontal space here> 
      dcc.Input()
    ]
)
Asked By: jsonbourne

||
Source

Answers:

If you want to add some space between components you can simply use CSS-properties for this:

html.Div(
    [
      dcc.Input(),
      dcc.Input(style={"margin-left": "15px"})
    ]
)

This adds a margin to the left of your second Input.

Have a look at the layout-section in the Plotly Dash documentation and CSS documentation about margin:

Answered By: MrLeeh

Simply use html.Br() as shown below:

html.Div(
    [
      dcc.Input(),
      html.Br(),
      dcc.Input()
    ]
)

for more info,
pls checkout below links:

Answered By: Sneha R