如何让content的内容垂直水平居中?

首页课程实战体系课手记专栏慕课教程

来源：2-10 编程练习

慕雪9428345

2019-10-27 15:51:08

<!DOCTYPE html>

<html>

<head>

<style>

*{margin: 0;padding: 0;}

.nav{background: #111;width: 100%;height: 100px;}

.logo{float: left;}

.logo img{display: block;}

.nav-right{float: right;}

.nav-right li{display: block;line-height: 100px; margin-right: 30px;float: right;}

.clearfix:after{content: ".";

display: block;

height: 0;

visibility: hidden;

clear: both;}

.clearfix{*zoom:1;}

a{text-decoration: none;color:#eee; }

.content{

height: 500px;

}

.footer{background: #111;width: 100%;height: 100px;}

.footer-nav{text-align: center;}

.footer-nav li{display: inline-block;line-height: 100px;margin: 0 20px;}

.content{background: #09c;width: 100%;height: 600px;}

.content-left{width:50%;float: left;}

.content-right{width: 50%;float: right;}

.content-left span{background: #c33;}

</style>

</head>

<body>

</div>

</ul>

</div>

<p><span>职业路径</span>  HTML5与CSS3实现动态网页</p><br> <p><span>职业路径</span>  零基础入门Android语法与界面</p><br> <p><span>职业路径</span>  iOS基础语法与常用控件</p><br> <p><span>职业路径</span>  PHP入门开发</p><br> <p><span>职业路径</span>  JAVA入门开发</p><br>

</div>

<p>HTML  CSS  JavaScript</p><br> <p>HTML5  CSS3  Jquery</p><br> <p>移动端基础  移动端APP开发</p>

</div>

</ul>

</div>

</body>

</html>

写回答

1回答