Estoy queriendo alinear a la derecha un label
de bootstrap dentro un td
alineado a la izquierda, el objetivo sería lo siguiente:
No lo estoy logrando, intente alinear el span a la derecha del td de la siguiente manera, pero no funciona:
<td class="text-left">
Texto de la tabla
<span class="label label-default text-right">0 - 1</span>
</td>
El código que utilizo es el siguiente:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<table class="table table-hover table-bordered">
<tr>
<td><a href="">Inter Milan</a></td>
<td class = "text-left">Texto de la tabla <span class="label label-default text-right">0 - 1</span></td>
<td><a href="">Lazzio Roma</a></td>
</tr>
<tr>
<td><a href="">Bayern Munich</a></td>
<td class = "text-left">Texto de la tabla <span class="label label-default text-right">3 - 3</span></td>
<td><a href="">Herta Berlin</a></td>
</tr>
</table>