Ploomber AI Editor | left-aligned-button-5611

App Description

create streamlit application with a button, the button text can be "test" but text needs to be aligned to the left side in the button

To upload files, please first save the app

Code Editor for app.py

import streamlit as st

# Custom CSS to align button text to the left
st.markdown("""
<style>
div.stButton > button {
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}
</style>
""", unsafe_allow_html=True)

# Create the button
st.button("test")

Loading code editor...

Click Save & Run to preview your app

Terminal

Hi! I can help you with any questions about Streamlit and Python. What would you like to know?

app.py