一个菜单

   CSS

#control {
            width: 100%;
            background: #fff;
            border-bottom: 1px solid #eee;
            border-right: 1px solid #eee;
            box-sizing: border-box;
            margin-top: 1px;
            margin-bottom: 10px;
        }
        #control:after {
            content: "";
            display: table;
            clear: both;
        }
        #control dl {
            float: left;
            width: 20%;
            box-sizing: border-box;
            border-left: 1px solid #eee;
            border-top: 1px solid #eee;
            padding-top: 15px;
            padding-bottom: 15px;
        }
        #control dl dt i.iconfont {
            font-size: 20px;
            color: #EF7308;
        }
        #control dl dt i.iconfont_blue {
            font-size: 20px;
            color: #008db7;
            font-family: "iconfont" !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;            
        }

        
        #control dl dt, #control dl dd {
            text-align: center;
        }
        #control dl dd {
            padding-top: 10px;
        }
        #control a dd {
            color: #333;
        }
}

  <div style="clear: both"></div>
            <div id="control">
            <dl>
                <a href="">
                    <dt><i class="iconfont_blue icon-paimai"></i></dt>
                    <dd>菜单</dd>
                </a>
            </dl>
            <dl>
                <a href="">
                    <dt><i class="iconfont icon-paimaijilu01"></i></dt>
                    <dd>菜单</dd>
                </a>
            </dl>         
            <dl>
                <a href="">
                    <dt><i class="iconfont icon-iconshezhi01"></i></dt>
                    <dd>菜单</dd>
                </a>
            </dl>
            <dl>
                <a href="">
                    <dt><i class="iconfont icon-cunrucaogaoxiang"></i></dt>
                    <dd>菜单</dd>
                </a>
            </dl>
 </div>         

                  
               
        <div style="clear: both"></div>