Get text to middle and center of a tab

Dash Python
1

I am developing a dashboard and want the tabs with one line of text to be in the middle of the tab. Its centered, but at the top. I would like centered and middle. I tried:

‘textAlign’: ‘center’, ‘verticalAlign’: ‘middle’, and ‘justifyContent’: ‘center’, but nothing worked in any order.

tabs_styles = {
‘height’: ‘50px’,
‘textAlign’: ‘center’,
}
tab_style = {
‘borderBottom’: ‘1px solid #d6d6d6’,
‘padding’: ‘3px’,
‘fontWeight’: ‘bold’,
‘textAlign’: ‘center’,
}

tab_selected_style = {
‘border’: ‘3px solid black’,
# ‘borderBottom’: ‘1px solid #d6d6d6’,
‘backgroundColor’: ‘#119DFF’,
‘color’: ‘white’,
‘padding’: ‘3px’,
‘fontWeight’: ‘bold’,
}

2

Hi @RickPlotly welcome to the forum! Could this Stackoverflow question help?

1 Like
3

Yes, thank you so much Emmanuelle. Very much appreciated!!!

Rick

4

i get centralize the text using padding. In my case ‘padding’: ‘20px 0px’, 20px controls vertical position and 0px controls horizontal position

5

These solutions does not works for me.