Is there any issue in component html?

Hi, i try to put this code inside html components,

it shows nothing when generated in web view (choosing wtih html & js) and also not displaying properly in screen view if choose html and js, if only html it display in screen view

this is code:

Todo List

To Do list


    body { padding: 0; margin: 0; background-color: #E2F3F5; color: #D3BC8D; } .container { margin: 90px auto; width: 312px; height: 500px; background: #D3BC8D; text-align: center; border-radius: 30px; transition: 1s; box-shadow: 5px 10px 8px #999; } /* Other CSS styles go here... */ #list { background-color: #e2f3f5; height: 390px; border-radius: 30px; overflow: scroll; padding: 20px 0 0 0; width: 313px; }

    I couldnt get js to work either, half the html i use doesnt work and adding css seems to do nothing to help

    Can someone help with this. I am having the same issue, I can add html all day and it works. I can add html and js as long as it says html only it still renders. but you put on html and js and all you see is your html and js code.