CSS: 水平置中練習

by ken tsai

HTML

http://zh-tw.learnlayout.com/max-width.html

<div id="main">
    <h1>margin o auto 元素置中啦!!</h1>
</div>

CSS

#main {
  background-color: red;
  max-width: 500px;
  margin: 0 auto; 
}


h1{
    background-color: green;
    /**/
    max-width:70%; /*要水平置中需要有設寬度*/
    margin: 0 auto;
    
    text-align: center;/*讓內文置中*/
}