Summary When the code generates html and css, the result is not the same as what it shows in streamlit. I want both to look the same. Steps to reproduce Code snippet: import streamlit as st import streamlit.components.v1 as components # Page config st.set_page_config( page_title= "Multi…

I tried the suggestions it didn’t work.

Hi @murat_tasci , can you be a little more specific? Which suggestion did you try? What do you mean by “didn’t work”?

components.html("<html><body><mycodes </body></html>", width=200, height=200) I tried this but my codes are way too long down, it seems like they want to be written side by side it takes a long time to add them side by side, I couldn’t see what the result of this method would be. That was the onl…

What do you mean by the code being too long down? Can you share a screenshot?

I tried using the code that provides the animation of the welcome text in the structure below, but it gave an error. components.html("<html><body> <section> <h1> <span>W</span> <span>E</span> <span>L</span> <span>C</span> <span>O</span> <span>M</span> <span>E</span> </h1> </section> …

That error is due to the fact that you’re missing a closing double quote and close parenthesis

Actually, the parentheses close at the bottom, but I think it want everything to be written on a single line and only then will it detect closed.

Multiline text in Python needs to be triple quoted. my_txt = '''If I start my string literal with three quotes, then I can keep writing my string on the next line.''' my_other_txt='If I do not want to use triple '\ 'quotes, then I can use single quotes and '\ 'end with a backslash to tell Python t…

HTML and CSS not rendering as expected in Streamlit Markdown

Using Streamlit

Caroline December 22, 2022, 5:25pm 2

Hey @murat_tasci, is this question different from HTML Code Works Different In Streamlit (General Problem)? Have you tried the suggestions made on that thread?

Topic		Replies	Views
HTML Code Works Different In Streamlit (General Problem) Using Streamlit	3	1693	December 11, 2022
Problems with integrating html to streamlit Using Streamlit debugging	0	96	October 21, 2024
Are you using HTML in Markdown? Tell us why! Custom Components layout	120	74934	February 3, 2022
The code works differently in html and streamlit Using Streamlit	0	850	June 11, 2022
Streamlit not rending CSS correctly Using Streamlit discussion	3	149	February 8, 2025

HTML and CSS not rendering as expected in Streamlit Markdown

Related topics