                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

帮忙看下底部文字怎么左侧居中？

突然怎么也想不起来怎么写了，我写的这断代码，底部文字是左侧靠上的，怎么让它左侧居中？

<html>
<head>
<style type="text/css">
.aa
{
width:800px;
height:40px;
background:gray;
color:white;
}
.left
{
width:150px;
height:200px;
float:left;
padding:10px;
border-left:1px solid #000;
}
.right
{
width:600px;
height:200px;
float:left;
border-left:1px solid #000;
padding:10px;
}
.foot
{
width:800px;
height:40px;
background:gray;
clear:both;
color:white;
}
</style>
</head>

<body>
<div class="aa"><h1>这是标题 这是标题</h1></div>
<div class="left"><p>"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham</p></div>
<div class="right">
<h2>Free Web Building Tutorials</h2>
<p>At imooc.com you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.</p>
<p>imooc.com - The Largest Web Developers Site On The Net!</p>
</div>
<div class="foot"><p>Copyright 2016 by YingKe Investment.</p></div>
</body>
</html>

【foot部分怎么像下图这样左侧居中？还有底部文字左边有间隙怎么写？padding-left？

最后吐槽一下：提问时有时候代码语言不能选择，一点就到提问页面的后面了，完全被提问页面覆盖住了。。。太扯了

小小单身

2016-08-12

源自：如何用CSS进行网页布局 5-3

关注问题我要回答

680

操作

收起

1 回答

wsdzl 回答被采纳 +3 积分
2016-08-12

.foot
{
width:800px;
height:40px;
background:gray;
clear:both;
color:white;
line-height: 40px;/*单行文字居中，可以设置行高 line-height 和容器高 height 相等。*/
padding-left: 10px;/*让p标签往右一点，可以给div左边加上padding。*/
}