<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的心灵小屋</title>
<style>
.container {
margin: 0 auto;
max-width: 1000px;
padding: 20px;
}
.stu {
display: flex;
align-items: center;
}
.stu img {
margin-right: 10px;
}
h2 {
margin: 0;
}
.one {
border: 1px solid black;
padding-left: 10px;
width: 900px;
}
</style>
</head>
<body>
<div class="container">
<div class="one">
<div class="stu">
<img src="image\sut1.png" alt="">
<h2>我的心灵小屋</h2>
</div>
<ul>
<li><span style="color: blue;">文章精选</span></li>
<li><span style="color: blue;">内容收藏</span></li>
<li><span style="color: blue;">心情列表</span></li>
</ul>
<h1>文章精选</h1>
<h2>《致橡树》</h2>
<p>我如果爱你一绝不像琴摆的凌霄花,借你的高枝炫自己;
我如果爱你-绝不学疯情的鸟儿为绿荫重复单调的歌<br />曲;
也不止像泉源长年送来清京的题猎;也不止像险解增加你的高度,
衬托你的威仪。甚至日光。甚至春雨。不,这<br />些都还不够!我必须是你近旁的一株木视,
作为树的形象和你站在一起。根,紧握在地下,叶,相触在云里。每一阵<br />风吹过我们都互相致意,
但没有人听怀我们的言语。你有你的铜枝铁干,像刀、像剑也像载;我有我红预的花朵像沉<br />重的叹息,
又像英勇的火炬。我们分相寨潮、风雷、霹需;我们共享雾、流尚、虹置。仿佛永远分离,却又终身相<br />象。
这才是伟大的爱情,坚贞就在这里:不仅爱你伟岸的身躯,也爱你坚持的位器,脚下的土地。
</p>
<p>显示更多</p>
<h1>心灵成长值</h1>
<img src="image\sut2.png" alt="">
</div>
</div>
</body>
</html>
</div>
</body>
</html>