图文混排：关键点是让图片浮动
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图文混排</title>
<style>
div,h2,p {
margin:0;
padding: 0;
}
div.content {
width: 600px;
background: #efedef;
border:1px solid #eee;
box-shadow: 1px 1px 1px gray;
font-size: 18px;
padding: 20px;
}
div h2 {
text-align: center;
font-weight: normal;
margin-bottom: 15px;
}
div.content img {
float: left;
width: 300px;
padding-right:10px;
}
p {
line-height: 1.5rem;
padding-left: 3px;
text-indent: 2rem;
}
</style>
</head>
<body>
<div class="content">
<h2>习大大会见马来西亚总理马哈蒂尔</h2>
<img src="http://p0.ifengimg.com/a/2018_34/7e24a9c57101c5f_size272_w562_h434.png" alt="">
<p>习大大指出，当前中马关系处于新的重要历史方位。中国正努力实现“两个一百年”奋斗目标，马来西亚开启了建设“新马来西亚”征程。总理先生多年来倡导“亚洲价值观”，主张独立自主，积极推进东亚合作，坚持走适合本国国情的发展道路。同为亚洲崛起中坚力量，中马互为重要发展机遇和合作伙伴。双方要加强战略沟通，引领两国关系更好发展，推动亚洲振兴和世界进步繁荣。</p>
<p>习大大强调，双方要接续友谊，深化合作。马来西亚是东盟成立后率先同中国建交的东盟国家。中方坚定奉行中马友好，相信新时期中马关系大有可为。要本着相互尊重、友好协商的原则，妥善对待存在问题，坚持友好合作的大方向，实现互利双赢。要立足亚洲，胸怀世界，坚持战略自主，推动中国—东盟合作提质升级，推动东亚经济共同体建设；赋予南南合作新活力，提高发展中国家代表性和发言权；旗帜鲜明反对单边主义和贸易保护主义。</p>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
占个位，先完成项目作业，后必定回头补完