simple div with table attributes

[Jore]

I am trying to create a div centered on the page with a top div for the title and a div below that with cells for different text/links. This works out just fine but is their a way to simplify this easier? I am just curious since I am new to this and all.\[code\]<div id="wrap"> <div id="top"><h1>Admin Toolbox</h1></div> <div id="main"> <div class="cell"><p>A</p></div> <div class="cell"><p>B</p></div> <div class="cell"><p>C</p></div> <div class="cell"><p>D</p></div> </div> </div><style>body,html { background: #fff; color: #564b47;}h1 { padding: 5px 5px; margin: 0; text-transform: uppercase; text-align: left;}p { padding: 5px 5px; margin: 0px 5px 5px 5px; }div { width: 450px; margin: 0 auto; outline: 1px solid #fff;}#wrap { outline: 0;}#top { background: #000; color: #fff;}#main { background: #dedfdf;}.cell { display: table-cell;}</style>\[/code\]Demo: Fiddle