Currency table in CSS -


i have table , need format currency in order . displayed under each other.

this table:

<table class="data" cellspacing="0" cellpadding="5" border="0">     <thead>     <tr>         <th>date</th>         <th>description</th>         <th>field1</th>         <th>field2</th>         <th>balance</th>     </tr>     </thead>     <tbody>     <tr class="verticaldivider"></tr>     <tr>         <td>08 april 2010</td>         <td>value 1</td>         <td>gbp 20.00</td>         <td>&nbsp;</td>         <td>gbp 20.00</td>     </tr>     <tr>         <td>08 may 2010</td>         <td>value 2</td>         <td>gbp 100.00</td>         <td>&nbsp;</td>         <td>gbp 1020.00</td>     </tr>     <tr>         <td>19 may 2010</td>         <td>value 3</td>         <td>&nbsp;</td>         <td>gbp 50.00</td>         <td>gbp 970.00</td>     </tr>     </tbody> </table> 

how can achieve this?

how look?

<style type="text/css">     .price {         text-align: right;     } </style>  <table class="data" cellspacing="0" cellpadding="5" border="0">     <thead>     <tr>         <th>date</th>         <th>description</th>         <th>field1</th>         <th>field2</th>         <th>balance</th>     </tr>     </thead>     <tbody>     <tr class="verticaldivider"></tr>     <tr>         <td>08 april 2010</td>         <td>value 1</td>         <td class="price">gbp 20.00</td>         <td>&nbsp;</td>         <td class="price">gbp 20.00</td>     </tr>     <tr>         <td>08 may 2010</td>         <td>value 2</td>         <td class="price">gbp 100.00</td>         <td>&nbsp;</td>         <td class="price">gbp 1020.00</td>     </tr>     <tr>         <td>19 may 2010</td>         <td>value 3</td>         <td>&nbsp;</td>         <td class="price">gbp 50.00</td>         <td class="price">gbp 970.00</td>     </tr>     </tbody> </table> 

Comments

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

html - Instapaper-like algorithm -

c# - How to execute a particular part of code asynchronously in a class -