Не могу найти как выровнять содержимое по вертикали по центру, пытался через
class="centering"
для ячейки но не получилось. Подскажите очень надо :/
<div class="table-responsive">
<table class="table table-bordered">
<tr>
<td style="width: 50px; text-align: center; background-color: #e8e8e8;" rowspan="2"><strong>Ранг</strong> 3</td>
<td style="background-color: #ffe8e8;">a</td>
<td style="background-color: #ffe8e8;">aa</td>
<td style="background-color: #ffe8e8;">a</td>
<td style="background-color: #ffe8e8;">aa</td>
<td style="background-color: #eefadc;">b</td>
<td style="background-color: #eefadc;">bb</td>
<td style="background-color: #eefadc;">b</td>
<td style="background-color: #eefadc;">bb</td>
<td style="background-color: #e3f5fc;">c</td>
<td style="background-color: #e3f5fc;">cc</td>
<td style="background-color: #e3f5fc;">c</td>
<td style="background-color: #e3f5fc;">cc</td>
<td style="background-color: #fcfae3;">d</td>
<td style="background-color: #fcfae3;">dd</td>
<td style="background-color: #fcfae3;">d</td>
<td style="background-color: #fcfae3;">dd</td>
</tr>
<tr>
<td colspan="2">2</td>
<td colspan="2">3</td>
<td colspan="2">4</td>
<td colspan="2">5</td>
<td colspan="2">2</td>
<td colspan="2">3</td>
<td colspan="2">4</td>
<td colspan="2">5</td>
</tr>
</tbody>
</table>