Div 使用inline-block排版

by ken tsai

HTML

<div id="main">
    <h2>I am Title</h2>
　  <div class="box">box1</div>
    <div class="box">box2</div>
    <div class="box">box3</div>
</div>

CSS

#main{
    background-color:#FFAC55;
    width:500px;
    
    /*會連文字都置中了*/
    /* text-align: center; */ 
}

.box{
    background-color:#FFAFFE;
    display: inline-block;
    width:100px; 
    height:100px;
    margin:0 auto;
    border: 1px;
    /* text-align: center; */
}