Question

What’s the best way to use divs to create a table effect like this html table:

<table width="100%">
    <tr>
        <td align="right">
            Name: 
        </td>
        <td align="left">
            Jennifer
        </td>
    </tr>
    <tr>
        <td align="right">
            Age: 
        </td>
        <td align="left">
            19
        </td>
    </tr>
</table>

No matter how I do it, my problem is always the text alignment. All this needs to be in another div that has a specific width and floats right and this table would be inside “centered”. Thanks in advance.

Answer 1

Use the table.

If it ain’t broke don’t fix it. Use elements that make sense for the data that you’re trying to display. In this case, the table makes perfect sense.