CSS显示：表格属性

Question

我试图在我的网页上组织一个类似于表格的设置，我想在这里移动第7个方框：http://puu.sh/gfekf/ac521ebc89.png 并将它移到第5个框下面，这是什么display：table属性？

http://jsfiddle.net/8p8a3f42/

<div class ="7 boxsubmit">
    <div class ="header">
            <h2>7.Input Type "submit"/"reset"</h2>
        </div>  
         <div class= "border">
            <div class ="spaceSeven">

            </div> 
          </div>
        </form> 

    </div>

---

   .1 { display:table-header-group;
        border-style: solid;
        margin-left:100px;

          } 
   .2 { display:table-header-group; 
        margin-top: 50px;
    }
   .3{ display:table-header-group; } 
   .4{ display::table-row-group} 
   .5{ display::table-row-group} 
   .6{ display::table-row-group} 
   .7{ display::table-row-group}
}
.boxsubmit{
    margin-top:70px;
    display:table-cell
}