显示效果

代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>海绵宝宝简介</title>
<style>
h1{
color: #333;
}
p{
text-indent: 2em;
font-size: 14px;
color: #444;
line-height: 30px;
}
a{
color: #0069c2;
}
li{
font-weight: 400;
line-height: 30px;
font-size: 14px;
color: #444;
}
</style>
</head>
<body>
<h1>海绵宝宝</h1>
<p>根据他的驾照可知,海绵宝宝出生于1986年7月14日;海绵宝宝的与他的宠物蜗牛小蜗生活在一个<a href="#">菠萝屋</a> 里,就在贝壳街124号。他的邻居章鱼哥住在一个复活节雕头里,讨厌海绵宝宝,尤其是他的滑稽动作和没完没了的笑声,但海绵宝宝无视这一点,始终认为章鱼哥是他的好朋友(实际上章鱼哥还是很重视二人友谊的,只是平时不表现出来)。章鱼哥的房子旁边住着是海绵宝宝最好的朋友派大星,他的房子是一块大石头。</p>
<p><strong>海绵宝宝</strong>的工作地点是在比基尼海滩最受欢迎的餐馆蟹堡王,他是一个厨师,会做所有蟹堡王的餐点,主要是蟹黄堡。他毕生的梦想是加入蟹堡王,成为蟹堡王的员工。他申请工作时,章鱼哥不想让蟹老板雇用他,于是蟹老板让他去买一个“水动力,有配铲,并且是涡轮驱动的锅铲”。他找到了一个之后,几百只饿凤尾鱼早已把章鱼哥和蟹老板压倒。海绵宝宝很快返回,并喂饱了凤尾鱼,展现了他的惊人的烹饪技巧,得到了梦寐以求的工作。</p>
<ul>
<li>
海绵宝宝在蟹堡王工作的工资极低,蟹老板曾一度因为少得可怜的薪水辞退海绵宝宝
</li>
<li>
海绵宝宝在听到比基尼海滩滩歌的时候就想脱掉自己所有的衣服,只剩下小裤裤跳舞
</li>
<li>
海绵宝宝管自己的煎铲叫<a href="#">铲铲</a>。
</li>
</ul>
</body>
</html>