Is there a way to center all the elements in st.metric?

🎈 Using Streamlit
1

I’ve been able to center all the elements in st.Metrics but have not been able to center the delta.

Any suggestions?

TIA,
Fred

2

Try this:

css='''
[data-testid="metric-container"] {
    width: fit-content;
    margin: auto;
}

[data-testid="metric-container"] > div {
    width: fit-content;
    margin: auto;
}

[data-testid="metric-container"] label {
    width: fit-content;
    margin: auto;
}
'''

# I usually dump any scripts at the bottom of the page to avoid adding unwanted blank lines
st.markdown(f'<style>{css}</style>',unsafe_allow_html=True)

image

1 Like