<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document2</title>
<style>
* {
margin: 0;
padding: 0;
}
.main-box {
width: 980px;
margin: 50px auto;
}
.title-box {
background-color: #CFE2F0;
padding: 0 20px;
box-sizing: border-box;
border: 1px solid #4188C3;
}
.title-box .title {
color: #333;
line-height: 48px;
font-size: 18px;
font-weight: normal;
}
.content {
border: 1px solid #4188C3;
height: 360px;
display: flex;
background: #F7FBFE;
}
.content .left {
width: 100%;
}
.content .center {
width: 100%;
}
.content .right {
width: 120%;
}
.left img {
width: 80%;
height: 42%;
margin-top: 5%;
margin-left: 10%;
border: 1px #ddd solid;
}
.center ul {
padding: 30px 30px;
box-sizing: border-box;
}
.center ul li {
height: 180px;
}
.center .title {
font-weight: bold;
margin-bottom: 20px;
}
.center .sub-title {
margin-bottom: 20px;
font-size: 15px;
color: #333;
}
.right {
padding: 20px;
box-sizing: border-box;
line-height: 34px;
font-size: 15px;
}
</style>
</head>
<body>
<div class="main-box">
<div class="title-box">
<h3 class="title">通讯终端</h3>
</div>
<div class="content">
<div class="left">
<img src="./images/t2/p1.jpg" alt="">
<img src="./images/t2/p2.jpg" alt="">
</div>
<div class="center">
<ul>
<li>
<p class="title">天价登场 诺基亚N97中文版上市价曝光</p>
<p class="sub-title">尽管最夏普三款千万像素手机的隆重发布..</p>
</li>
<li>
<p class="title">诺基亚停止生产WiMAX手机</p>
<p class="sub-title">北京时间1月11日消息，据国外媒体报道，..</p>
</li>
</ul>
</div>
<div class="right">
<ul>
<li>MTK完善3G布局 09年推出人才定制计划</li>
<li>山寨机不能成为问题品牌机的替罪羊</li>
<li>五大智能手机操作系统大对决</li>
<li>短信利器 三星发布独特按键手机T349</li>
<li>火拼N97 三星i8910 HD上市售5600元</li>
<li>价格不低 索尼爱立信C901中文版将上市</li>
<li>天价登场 诺基亚N97中文版上市价曝光</li>
<li>轻松进入“街机”档 诺基亚5800现价2360元</li>
<li>魔幻键盘音乐手机 摩托罗拉E8仅1478元
</li>
</ul>
</div>
</div>
</div>
</body>
</html>