css盒子布局

* {

        margin: 0px;

        padding: 0px;

    }

    body {

        font-size: 12px;

        margin: 0px auto;

        height: auto;

        width: 805px;

    }

    .mainBox {

        border: 1px dashed #0099CC;

        margin: 3px;

        padding: 0px;

        float: left;

        height: 300px;

        width: 192px;

    }

    .mainBox h5 {

        float: left;

        height: 20px;

        width: 179px;

        color: #FFFFFF;

        padding: 6px 3px 3px 10px;

        background-color: #0099CC;

        font-size: 16px;

    }

    .mainBox p {

        line-height: 1.5em;

        text-indent: 2em;

        margin: 35px 5px 5px 5px;

    }

    .mainBox::before{

        content: '';

        clear: both;

    }