I'm quite happy to display the columns as two rows and I have a way to achieve this but it causes problems if one of the fields is long enough to go onto more than one line.
I can recode the table as divisions but I'd like to try and avoid that if possible.
Expand|Select|Wrap|Line Numbers
- <table width="100%" border="0" class="my_table">
- <tr style="position: relative;">
- <td>First Name </td>
- <td>Sarah</td>
- </tr>
- <tr>
- <td>Last Name </td>
- <td>Bellum</td>
- </tr>
- <tr>
- <td>Company Name</td>
- <td>ABC Company Limited</td>
- </tr>
- </table>
Expand|Select|Wrap|Line Numbers
- .my_table { position: relative;}
- .my_table tr { height: 50px; position: relative;}
- .my_table tr td:last-child { padding-top: 25px; position: absolute; left: 0;}
Is there any other approach I can do?