Как выровнять эту таблицу, чтобы все <TD>s были правильно выровнены

Question

Как выровнять все строки таблицы, правильно выровненные, даже если они имеют разную длину содержимого. Здесь - скрипка. Пожалуйста, посмотрите на это .. Они идут вертикально выровнены .. Но я хочу их один за другим, как показано ниже

One  1  Yes
Two  2
Three

Answer 1

http://jsfiddle.net/cKj98/1/

vertical-align: top;

Answer 2

Сделайте что-то вроде этого:

<table>  
    <tr>  
        <td width="50px">  
            One  
        </td>  
        <td>  
            1  
        </td>  
        <td>  
            Yes  
        </td>  
    </tr>  
    <tr>  
        <td width="50px">  
            Two  
        </td>  
        <td colspan="2">  
            2  
        </td>  
    </tr>  
    <tr>  
        <td colspan="3">  
            Three  
        </td>  
    </tr>  
</table>

Хорошие способы стилизации ячеек таблицы: «отступ», «выравнивание текста», выравнивание по вертикали »,« высота »,« ширина »ии так далее.

Answer 3

Это может быть то, что вы ищете

<table>
    <tr>
    <td>
    One
    </td>
    <td>
    1
    </td>
    <td>
    Yes
    </td>
    </tr>
    <tr>
    <td>
    Two
    </td>
    <td colspan='2'>
    2
    </td>
    </tr>
    <tr>
    <td colspan='3'>
    Three
    </td>
    </tr>
    <table>