Question

I need to align a set of rows using style property

This is the HTML code that is being transformed using XSL

<span style="white-space: pre; font-size: 8pt; font-family: Lucida console, Courier ">&lt;40      : item1</span><br>
<span style="white-space: pre; font-size: 8pt; font-family: Lucida console, Courier ">40-80    : item2 </span><br>

What is needed is how to align items like

<40      : item1
40-80    : item2

currently it appears like

<40 : item1
40-80 : item2 

is this possible using style property?

using Internet explorer version 6 & above

Answer 1

There is a char attribute for HTML td tags, however, it is not at all supported as far as I know.

This is valid HTML:

<table>
  <tr char=".">
    <td>11.10</td>
  </tr>
  <tr char=".">
    <td>111.20</td>
  </tr>
  <tr char=".">
    <td>15552.52</td>
  </tr>
</table>

I have used this workaround in the past:

http://krijnhoetmer.nl/stuff/javascript/table-align-char/