<title>居中div演示效果</title>

<style type="text/css">
.align-center{
    margin:0 auto;        /* 居中 这个是必须的,,其它的属性非必须 */
    width:500px;        /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */
    background:red;        /* 背景色 */
    text-align:center;     /* 文字等内容居中 */
}
</style>
</head>

<body>
<div class="align-center">居中div演示效果</div><br/><br/>