实例
<!DOCTYPE html>
<html>
<head>
<title>魔方公寓获得1.5亿美元D轮融资</title>
<meta charset="utf-8">
<style type="text/css">
*{margin: 0;padding: 0}
div{
width: 700px;
height: auto;
margin: 50px auto;
}
abbr{
text-decoration: none;
color: #00A4A0
}
p{
font-size: 14px
}
.a{
width: 300px;
height: 20px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.test{
line-height: 30px;
margin-bottom: 40px;
font-size: 16px
}
</style>
</head>
<body>
<div>
<h1>魔方公寓获得1.5亿美元D轮融资，未来将运营人才公寓和公租房 | 钛快讯
</h1>
<p style="color: #B3B3B3;line-height: 70px"><abbr title="高梦阳">高梦阳</abbr> · 2019-03-12 12:23</p>
<p style="background-color: #f6f6f6;text-align: center;line-height: 70px;"><b>摘要：</b>新一轮融资到手后，魔方将参与到城市人才公寓建设和公租房运营管理与行业规则的制定。</p>
<img style="width: 100%;margin: 40px 0" src="https://images.tmtpost.com/uploads/watermark/1400/42e0e536b5092de016d264c4d27d8de0012f8945_1400_933.jpeg?imageMogr2/strip/interlace/1/quality/85&ext=.jpeg">
<p class="test">
<b>钛媒体快讯 | 3月11日消息：</b>钛媒体获悉，魔方生活服务集团获得由加拿大机构基金管理公司CDPQ投资的1.5亿美元的D轮融资。
</p>
<p class="test">公开资料显示，魔方生活服务集团是国内的集中式长租公寓的代表，也是最早一批投身连锁长租公寓行业的创业公司。根据魔方公寓提供的信息，目前魔方是国内在营房量最大、营业收入最高的集中式公寓运营商。旗下产品包括面对都市白领的魔方公寓，面向企业蓝领的9号楼公寓，立足中高端的摩尔公寓以及面向年轻用户的V客青年公寓。
</p>
<p class="test">据钛媒体了解，本轮战略投资方加拿大魁北克储蓄投资集团（CDPQ）是一家长期投资管理机构，负责管理加拿大魁北克省的公共养老基金以及保险计划的资产。截止2018年12月31日，CDPQ 管理的基金净资产已达3,095亿加元。
</p>
<p class="test">据CDPQ亚太区私募股权投资总经理林明安向钛媒体透露，这是其在中国投资的第一个项目，而这笔融资将为魔方的未来项目拓展提供资金保障和战略支持。
</p>
<a href="http://www.php.cn" style="text-decoration: none;color: red;" target="_blank"><b>跳转到php中文网</b></a>
<div class="a">
<a href="http://www.php.cn" style="text-decoration: none;color: red;" target="_blank"><b>跳转到php中文网跳转到php中文网跳转到php中文网跳转到php中文网跳转到php中文网跳转到php中文网</b></a>
</div>
</div>
</body>
</html>点击 "运行实例" 按钮查看在线实例
总结：
结合了自己原本知道的知识，还有老师讲的内容，对原本自身不清楚的知识点进行了填充，例如，文字超出后显示省略号所需要的属性text-overflow，和不允许换行的属性white-space等。