html.de - Bitte um ein Grundgerüst

by SpiceLab

HTML

<ul>
  <li>
    <div>box 1</div>
    <div>box 2</div>
    <div>box 3</div>  
    <div>box 4</div>
    <div>box 5</div>
  </li>
  <li>
    <div>box 6</div>
    <div>box 7</div>
    <div>box 8</div>  
    <div>box 9</div>
    <div>box 10</div>
  </li>
  <li>
    <div>box 11</div>
    <div>box 12</div>
    <div>box 13</div>  
    <div>box 14</div>
    <div>box 15</div>
  </li>
</ul>

CSS

* {
  margin:0;
  padding:0
}
ul {
  display:table;  
  border-spacing:10px;
  table-layout:fixed;
  width:1125px;
  margin:auto  
}
ul li {
  display:table-row
}
ul li div {
  display:table-cell;
  width:225px;
  height:150px;
  padding:4px;
  border:2px dashed lightgrey;
  border-radius:4px;
  box-sizing:border-box;
}