Untitled

<!DOCTYPE html>
<html>
<head>
  <title>Testtabelle</title>
</head>
<body>

<div class="containerDiv">
<style>
  .containerDiv {
  border: 1px solid #3697f6;
  width: 100%; display:table;
}

.rowDivHeader {
  border: 1px solid #668db6;
  background-color: #336799;
  color: white;
  font-weight: bold; display:table-row;
}

.rowDiv {
  border: 1px solid #668db6;
  background-color: #cee6fe;
}

.cellDivHeader {
  border-right: 1px solid white;
  display: table-cell;
  width:12%;
  padding: 1px;
  text-align: center;
}

.cellDiv {
  border-right: 2px solid white;
  display: table-cell;
  width:10%;
  padding-right: 4px;
  text-align: center;
  border-bottom: none;
}

.lastCell {
  border-right: none;
}
</style>

  <div class="rowDivHeader">
    <div class="cellDivHeader">Prozentsatz</div>
    <div class="cellDivHeader">Testzahlen</div>
    <div class="cellDivHeader">Kumulierte Zahlen</div>
    <div class="cellDivHeader">Test</div>
    <div class="cellDivHeader">Kosten</div>
    <div class="cellDivHeader">Nutzen</div>
    <div class="cellDivHeader lastCell">Januar</div>
  </div>

  <div class="rowDiv">
    <div class="cellDiv">Daten</div>
    <div class="cellDiv"></div>
    <div class="cellDiv">F : 29</div>
    <div class="cellDiv">B : 89</div>
    <div class="cellDiv">£1,500 - £2,700</div>
    <div class="cellDiv">Checkbox</div>
    <div class="cellDiv lastCell">Textbox</div>
  </div>
</div>
</body>
</html>