How to build html table with two columns

Question

The above link is my test. You can see that the columns are not equally divided into two. I cannot use float for this because I will be using a page-break directive later on.

Help?

Valamas · Accepted Answer · 2012-03-13 23:12:16Z

2

Add colspan="2" to the TR of head and last.

I have updated the fiddle

answered Mar 13, 2012 at 23:12

Valamas

24.8k25 gold badges111 silver badges182 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kristian · Accepted Answer · 2012-03-13 23:13:10Z

1

<table>
    <tbody>
    <tr>
        <td class="head" colspan="2">Test</td>
    </tr>
    <tr>
        <td style="width: 50%;">
            50% of table
        </td>
        <td style="width: 50%;">
            50% of table
        </td>
    </tr>
    <tr>
        <td class="last" colspan="2">Finish</td>
    </tr>
</tbody></table>

answered Mar 13, 2012 at 23:13

Kristian

22k19 gold badges108 silver badges184 bronze badges

Collectives™ on Stack Overflow

How to build html table with two columns

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related