完成一个“田”字格的布局

body部分：

<div id="tianzi">
    <div id="upleft" class="gezi"></div>
    <div id="upright" class="gezi"></div>
    <div id="botleft" class="gezi"></div>

    <div id="botright" class="gezi"></div>
</div>

CSS部分：

<style>
#tianzi{
  height: 600px;
  width:600px;
  background: black;
}
.gezi{
  height: 250px;
  width:250px;
  background: white;
  float: left;
  margin: 20px;
}
</style>

效果图：

“田”字格