html - テーブルとフローティング

Question

テーブルのフローティング ヘッダーに問題があります。私のヘッダーはそうあるべきですcolspan="2"が、td 要素 "header" に設定float:leftすると、colspan が機能しなくなります。私はこのようなものが欲しい：

+-------------------------------------------------+
|Header headher header header                     |
+-------------------------------------------------+
|Something     | Something                        |
+-------------------------------------------------+

しかし、私はこれを取得します:

私のコード:

<table border="1">
    <thead>
        <tr>
            <th colspan="2" style="float: left;">Header header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Something</td>
            <td>Something</td>
        </tr>


    </tbody>
</table>

Answer 1

使用しないでくださいfloat:left、使用してくださいtext-align:left。

<table border="1">
    <thead>
        <tr>
            <th colspan="2" style="text-align: left;">Header header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Something</td>
            <td>Something</td>
        </tr>

    </tbody>
</table>

jsFiddleの例。