HTML+CSS水平居中其实很简

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>HTML+CSS水平居中其实很简</title>
    <style>
    body,p{ 
    padding:0px; 
    margin:0px; 
    padding-top:20px; 
    font-size:10pt; 
    font-family:"宋体"; 
    } 
    .demo{ 
        width:800px; 
        height:400px; 
        margin:0 auto;/*CSS才是水平居中全靠他了*/ 
        border: 1px solid #999999; 
    } 
    p{ 
    width:90%; 
    height:auto; 
    margin:20px 0px 0px 20px;} 
    
    </style>
    </head>
    
    <body>
    <div class="demo">
        <p>哈哈DIV水平居中了哦</p>
        <p>margin:0 auto;/*CSS才是水平居中全靠他了*/  你可以测试兼容目前的各种主流浏览器,如有不兼容现象欢迎留言讨论</p>
        <p>CSS body,p{}是为了清理页面边距和各种浏览器的差异</p>
        <p>当然,所谓HTML+CSS就是说所有的html标签都是可以使用的,不一定要是DIV。</p>
    </div>
    </body>
    </html>

你可能感兴趣的:(HTML+CSS水平居中其实很简)