Learn how to use Dash Bio for next-gen sequencing & quality control. 🧬Register for the Oct 27 webinar.

Get text to middle and center of a tab

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’,
}

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

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

Rick