<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%;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.