<table class="fixture_table">
  <!--<thead>
    <tr>
      <th>Date</th>
      <th>Competition</th>
      <th>Home Team</th>
      <th>Time</th>
      <th>Away Team</th>
      <th>Icon</th>
    </tr>
  </thead>-->
  <tbody>
    <tr>
      <th>Saturday 14th</th>
      <td class="fixture_comp">EPL</td>
      <td class="fixture_hteam">Watford</td>
      <td class="fixture_time">15.00</td>
      <td class="fixture_ateam">Aston Villa</td>
      <td class="fixture_mr"><img class="alignnone size-full wp-image-33945" src="http://www.avillafan.com/wp-content/uploads/mr_icon.png" alt="" width="11" height="15" /></td>
    </tr>
    <tr>
      <th>Saturday 21st</th>
      <td class="fixture_comp">EPL</td>
      <td class="fixture_hteam">Aston Villa</td>
      <td class="fixture_time">15.00</td>
      <td class="fixture_ateam">Newcastle United</td>
      <td class="fixture_mr"><img class="alignnone size-full wp-image-33945" src="http://www.avillafan.com/wp-content/uploads/mr_icon.png" alt="" width="11" height="15" /></td>
    </tr>
    <tr>
      <th>Saturday 28th</th>
      <td class="fixture_comp">EPL</td>
      <td class="fixture_hteam">Aston Villa</td>
      <td class="fixture_time">15.00</td>
      <td class="fixture_ateam">Brentford</td>
      <td class="fixture_mr"><img class="alignnone size-full wp-image-33945" src="http://www.avillafan.com/wp-content/uploads/mr_icon.png" alt="" width="11" height="15" /></td>
    </tr>
  </tbody>
</table>
.fixture_table {
  border-collapse: collapse;
  border: 0px;
  margin: 25px 0;
  margin-top: 10px;
  text-align: left;
  padding: 2px 5px;
  border-color: #fff;
}

.fixture_table tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fixture_table th {
  background-color: #470224;
  color: #ffffff;
  text-transform: none;
  font-size: 0.9em;
  font-weight: normal;
  margin-top: 10px;
  text-align: left;
  padding: 2px 5px;
  border-color: #fff;
  flex: 0 0 100%;
  box-sizing: border-box;
}
.fixture_table td {
  /*outline: 1px red dotted;*/
  font-size: 0.9em;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.fixture_hteam {
  text-align: right;
  flex-basis: 35%;
}
.fixture_ateam {
  text-align: left;
  flex-basis: 35%;
}
.fixture_time {
  text-align: center;
  flex-basis: 10%;
}
.fixture_mr {
  text-align: center;
  flex-basis: 6%;
}
.fixture_comp {
  text-align: left;
  flex-basis: 6%;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.