/* Gallery区域 */

.gallery .short h2 {

    font-size: 32px;

    text-align: center;

}

.gallery .short p {

    text-align: center;

    color: gray;

    font-size: 14px;

}

.gallery .picture {

    padding: 21.5px 20px;

    width: 1160px;

    height: 610px;

    margin: 0 auto;

}

.gallery .picture dl {

    float: left;

    margin-right: 40px;

    margin-bottom: 30px;

}

.gallery .picture dl.none {

    margin-right: 0;

}

.gallery .picture dl img {

    width: 360px;

    height: 240px;

    display: block;

}

.gallery .picture dl dd {

    height: 50px;

    width: 340px;

    background-color: black;

    color: white;

    line-height: 50px;

    padding-left: 20px;

}

/* Footer区域 */

footer {

    margin-top: 10px;

    width: 100%;

    height: 80px;

    background-color: #07cbc9;

    text-align: center;

    line-height: 80px;

}

    <!-- Gallery区域 -->

    <div class="gallery">

        <div class="short">

            <h2>GALLERY</h2>

            <div class="dividing-line"></div>

            <p> Lorem Ipsum is simply dummy text of the printing and typesetting <br> industry. Lorem Ipsum has been the industry's standard dummy <br> text ever since the 1500s.</p>

        </div>

        <div class="picture">

            <dl>

                <dt>

                    <img src="images/03-01.jpg" alt="">

                </dt>

                <dd>Science Lab</dd>

            </dl>

            <dl>

                <dt>

                    <img src="images/03-02.jpg" alt="">

                </dt>

                <dd>Indoor Stadium</dd>

            </dl> 

            <dl class="none">  

                <dt>

                    <img src="images/03-03.jpg" alt="">

                </dt>

                <dd>Transportation</dd>

            </dl>

            <dl>

                <dt>

                    <img src="images/03-04.jpg" alt="">

                </dt>

                <dd>Kids Room</dd>

            </dl>

            <dl>

                <dt>

                    <img src="images/03-05.jpg" alt="">

                </dt>

                <dd>Meditation aclasses</dd>

            </dl>

            <dl class="none">

                <dt>

                    <img src="images/03-06.jpg" alt="">

                </dt>

                <dd>Kids Play Ground</dd>

            </dl>

        </div>

    </div>

    <!-- Footer区域 -->

    <footer>

        <div>&copy;2016 imooc.com 京ICP备13046642号</div>

    </footer>

为什么footer如果不设置   margin-top: 10px;

文字就不能居中显示