问题遇到的现象和发生背景
问题相关代码，请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
```html
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<link href="css/index.css" type="text/css" rel="stylesheet">
</head>
<body>
<center>
<img src="images/header.png"/>
<div class="nav">
<ul>
<li>
<a href="">公司首页</a><span>|</span>
</li>
<li>
<a href="">公司简介</a><span>|</span>
</li>
<li>
<a href="">公司新闻</a><span>|</span>
</li>
<li>
<a href="">公司项目</a><span>|</span>
</li>
<li>
<a href="">在线留言</a><span>|</span>
</li>
<li>
<a href="">联系我们</a><span>|</span>
</li>
</ul>
</div>
<div class="center">
<div class="c_title">公司简介</div>
<div class="c_cont">
<div id="c_l_img"><img src="images/p.png"></div>
<div id="c_l_text">
<p>山东中泰房地产有限公司（以下简称公司）是由一家房地产开发企业，具有房地产开发暂定资质。公司注册资金1500万元，现有在职员工57人，其中具有中级以上职称36人。公司按照现代企业制度的管理模式，遵循有限责任公司制度的运作方式，下设综合部、企划营销部、工程部、财务部，在总经理的领导下，通力合作，相互协调，初步形成了一个团结上进、勇于开拓的企业团队。</p>
<p>公司始终坚持以“市场为导向、开发为重点，经营为龙头，质量为根本”的开发理念和经营方针，切实转变观念，解放思想，紧紧围绕市场狠抓经营，强化管理，树立责任感、认识危机感；不断留意和观察房地产市场行情，积极寻求探索与市场机制相适应的经营策略和经营方针，走品牌化之路。</p>
</div>
</div>
</div>
<div class="center">
<div class="c_title">效果展示</div>
<div class="c_cont">
<div class="c_r">
<div class="c_r_img">
<img src="images/img01.png" alt="dd">
</div>
<div class="c_r_text">中建华府</div>
</div>
<div class="c_r">
<div class="c_r_img">
<img src="images/img02.png">
</div>
<div class="c_r_text">江城别苑</div>
</div>
<div class="c_r">
<div class="c_r_img">
<img src="images/img03.png">
</div>
<div class="c_r_text">时代大厦</div>
</div>
<div class="c_r">
<div class="c_r_img">
<img src="images/img04.png">
</div>
<div class="c_r_text">翠谷玉景</div>
</div>
<div class="c_r">
<div class="c_r_img">
<img src="images/img05.png">
</div>
<div class="c_r_text">景江大厦</div>
</div>
<div class="c_r">
<div class="c_r_img">
<img src="images/img06.png">
</div>
<div class="c_r_text">翠湖庄园</div>
</div>
</div>
</div>
<div class="footer">
投诉建议 | 在线联系 | 企业邮箱 | 加入我们
</div>
</center>
</body>
</html>
```css
body{
margin: 0;
width:100%;
}
.nav{
margin-bottom: 7px;
}
.nav ul{
display: block;
width: 970px;
background-color:#006633;
height: 36px;
line-height: 36px;
margin: 0;
}
.nav ul li{
display:inline-block;
color: #fff;
}
.nav ul li a{
color: #fff;
text-decoration: none;
}
.nav span{
margin-left: 20px;
margin-right: 20px;
}
.center{
vertical-align: top;
}
.c_title{
background-image: url("images/c_l_title.png");
background-repeat: no-repeat;
width: 92px;
height: 28px;
line-height: 28px;
text-align: center;
color: #FFF;
margin-left: 20px;
}
.c_cont{
background-image: url("images/c_l_content.png");
background-repeat: no-repeat;
width: 510px;
height: 320px;
margin: 0 5px;
background-size: 490px 320px;
}
#c_l_img,#c_l_text{float:left;}
#c_l_img{
margin-top: 50px;
margin-left: 2px;
}
#c_l_text{
margin-top: 10px;
margin-left: 10px;
margin-right: 5px;
width: 300px;
font-size: 13px;
text-indent: 2em;
line-height: 18px;
}
.c_r{
display: inline-block;
width: 130px;
text-align: center;
margin-top: 12px;
}
.c_r img{
width: 130px;
}
.center{display:inline-block;}
.footer{
background-image: url(images/footer.png);
text-align: center;
color: #000;
height: 51px;
line-height: 51px;
font-size: 12px;
border-radius: 5px;
}
