how to create a grid with css

<div class="row" style="float: left; border: 1pt gray solid;">
<div class="cell" style="width: 185px; height: 80px; float: left; border: 1pt gray solid; padding: 5px;"></div>
<div class="cell" style="width: 185px; height: 80px; float: left; border: 1pt gray solid; padding: 5px;"></div>
<div class="cell" style="width: 185px; height: 80px; float: left; border: 1pt gray solid; padding: 5px;"></div>
</div>
<div style="border: 2pt orange solid; width:590px; height: 100px; clear-both;">
</div>

<div class="row" style="float: left; border: 1pt gray solid;">
<div class="cell" style="width: 185px; height: 80px; float: left; border: 1pt gray solid; padding: 5px;"></div>
<div class="cell" style="width: 185px; height: 80px; float: left; border: 1pt gray solid; padding: 5px;"></div>
<div class="cell" style="width: 185px; height: 80px; float: left; border: 1pt gray solid; padding: 5px;"></div>
</div>
<div style="border: 2pt orange solid; width:590px; height: 100px; clear-both;">
</div>

<div class="row" style="float: left; border: 1pt gray solid;">
<div class="cell" style="width: 185px; height: 80px; float: left; border: 1pt gray solid; padding: 5px;"></div>
<div class="cell" style="width: 185px; height: 80px; float: left; border: 1pt gray solid; padding: 5px;"></div>
<div class="cell" style="width: 185px; height: 80px; float: left; border: 1pt gray solid; padding: 5px;"></div>
</div>
<div style="border: 2pt orange solid; width:590px; height: 100px; clear-both;">
</div>

Sun Setting Behind Big Clouds