默认情况下，列表会缩进页面中。list-style-position属性用于表明标记显示的位置，是在包含主体内容的盒子的内部，还是在其外部。
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
ul {
250px;
}
li {
maegin: 10px
}
ul.illuminations {
ilst-style-position: ouside;
}
ul.season {
ilst-style--position: inside;
}
</style>
</head>
<body>
<div>TODO write content</div>
<ul class="illuminations">
<li>用无怨无悔的坚守和付出 ...</li>
<li>在平凡的岗位上书写了不平凡的人生华章 ...</li>
<li>我们要大力倡导这种爱国奉献精神 ...</li>
</ul>
<ul class="season">
<li>使之成为新时代奋斗者的价值追求 ...</li>
<li>一句承诺 离乡背井扎根荒岛 ...</li>
<li>誓守国土 寂寞困苦初心不改 ...</li>
</ul>
</body>
</html>