html - 複数の HTML ボックスを効率的に生成する方法

Question

HTMLボックスを生成するには、次のように簡単にできます:

html:

<div>Box 1</div>
<div>Box 2</div>
<div>Box 3</div>
<div>Box 4</div>
<div>Box 5</div>
<div>Box 6</div>

CSS:

body {
    font-size: 0;
}
div {
    display: inline-block;
    width: 33%;
    height: 100px;
    font-size: 12pt;
    background: #EEE;
    border: 1px solid #CCC;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

私のプロジェクトでは、N個のボックスを作成する必要があります.それを経由せずに取り付けて、それぞれを個別に作成する方法はありますか?