在web页面中图文混排是非常常见的，只有加以练习才能更加熟练的掌握所学的知识。
以下是我的代码
实例
<!DOCTYPE html>
<html>
<head>
<title>黄晓明出借账户被卷股票操纵案</title>
<meta charset="utf-8">
<style type="text/css">
body{
margin:0 0;
padding: 0 0;
}
.box{
width:726px;
margin:0 auto;
}
.up{
width: 706px;
margin-top: 20px;
}
.up_1{
width: 706px;
font-weight: bold;
font-size: 30px;
margin-bottom: 20px;
}
.in_1{
color: rgb(234,234,234);
margin-bottom: 20px;
}
.down_1{
font-size: 20px;
margin-bottom: 20px;
}
.in{
widows: 706px;
}
.up_2{
text-align: center;
margin-bottom:20px;
}
.down_2{
margin-bottom:20px;
}
.down{
width: 706px;
}
a{
text-decoration: none;
}
.up_3{
text-align:right;
margin-bottom: 20px;
}
.down_3{
color: rgb(234,234,234);
margin-bottom:20px;
}
</style>
</head>
<body>
<div class="box">
<div class="up">
<div class="up_1">黄晓明出借账户被卷股票操纵案 知情人：账户未冻结</div>
<div class="in_1">2018-08-13 21:18 <span style="margin-left: 10px;">来源:搜狐娱乐</span></div>
<div class="down_1">原标题：黄晓明出借账户被卷股票操纵案 知情人：账户未冻结</div>
</div>
<div class="in">
<div class="up_2"><img src="hxm.jpg" style="margin-bottom: 20px; display: block;margin:0 auto;">黄晓明（资料图）</div>
<div class="in_2" style="margin-bottom: 20px;">(来源：财新报)</div>
<div class="down_2"><p>搜狐娱乐讯 8月13日，据财新报道，记者证实，证监会刚刚公布的获利近9亿元、罚没款高达18亿元的高勇股票操纵案中的自然人账户之一确实为影视明星黄晓明名下账户。</p>
<p>而接近监管层的人士表示，这些自然人账户的所有人如果仅仅是出借账户，并不知道账户被利用进行shichang操纵，这些账户也不会被冻结。</p>
<p>8月10日晚，证监会通报了5宗shichang操纵案件，其中，高勇控制16个账户，操纵“精华制yao”，半年内股价暴涨300%，非法获利8.97亿，被证监会没收违法所得8.97亿元并处罚8.97亿元。</p>
<p>根据证监会通报，高勇控制的16个账户，这些账户是黄某、张某燕、张某、吴某江、倪素某、倪松某、姜某、黄某明、徐某、朴某娜、薛某、吴某丰、崔某欣、吴某等人的账户。</p>
<p>媒体“股票说”调查表示，名单中，黄某就是明星黄晓明：“黄某明账户开立后由其母亲张某霞管理使用。经路某介绍，张某霞将黄某明证券账户部分委托高勇管理，该账户涉案交易由高勇作出。黄晓明的母亲叫张素霞。黄晓明和母亲张素霞，跟证监会通报材料中的黄某明和其母亲张某霞，正好一一对应！”</p>
<p>黄晓明工作室对此发声明否认，称黄晓明不认识高某，未参与过任何操纵股票的行为；黄晓明未曾受过任何与股票有关的处罚，亦未介入过任何与股票有关的调查。黄晓明工作室还敦促相关方即刻删撤一切虚假信息，以免对公众造成误导并导致己方法律责任的承担。<a href="www.sohu.com"><img src='sohulogo.jpg'>返回搜狐，查看更多</a></p>
</div>
</div>
<div class="down">
<div class="up_3">责任编辑：刘爱迪 UN918</div>
<div class="down_3">声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。</div>
</div>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
总结
感觉还不是很熟练。还要多练习练习才行。