[Aetae]

Если придерживаться вертикального порядка, то имхо как-то так, простенько и понятно:

<style>
#all{ width:40px; text-align:center}
.class{ padding:3px 0 }
.class1 { background:#ddf }
.class2 { background:#dfd }
.class3 { background:#fdd }
</style>
<div id="all">
  <div>14</div>
  <div class="class class1">
    <div>15</div>
    <div class="class class2">
      <div class="class class3">
        <div>16</div>
      </div>
      <div>17</div>
    </div>
  </div>
</div>