Say I have a table with a label in it
<table class="table rep-cal-table">
<thead>
<tr>
<th>Monday</th>
</tr>
</thead>
<tbody>
<td>
<span class="label label-default label-cal"> Test </span>
</td>
</tbody>
</table>
and the css for the label is
.label-cal {
display:block;
margin:.3em;
padding: .3em;
}
With display:block, the label fills the whole cell. How can I chose to have it fill only the first half or second half (horizontally)? I tried defining divs with width=50% within the column, but that didn't work.