web前端开发页面制作问题

这个页面怎么制作，用textarea里面输入不了有效代码

img

img


<!DOCTYPE HTML>
<html>
<body>
<style>
*{padding: 0;margin:0;}
ul{width:200px;background:#f2f2f2;height:200px;overflow-y:auto;}
li{list-style:none;line-height:30px;background:green;margin:10px;color:#fff;text-align:center;}
</style>
<ul>
    <li>w3school</li>
    <li>w3school</li>
    <li>w3school</li>
    <li>w3school</li>
    <li>w3school</li>
</ul>

</body>
</html>

谁让你在textarea里面写了，给div的overflow设定为auto，当内容高度超过div固定的高度，就出现右侧滚动条了