新しい行にテーブルセルを強制する

Question

セルが同じ行の左から右に表示される標準テーブルがありますが、3行目が強制的に新しい行に表示されます。これを行うことができるCSSの微調整はありますか？

としてこれが表示さ

<table><tr> 
<td class="col-1">One</td> 
<td class="col-2">Two</td> 
<td class="col-3">Three</td> 
<td class="col-4">Four</td> 
</tr></table> 

：ワンツースリーフォー

は、私は、このように新しい行に表示する3番目の列を強制することができます：

One Two 
Three Four 

Answer 1

正確に確認してくださいあなたはそれに新しい行することはないだろうが、私はあなたは、CSSを使用するを持っていた場合、あなたはこのような何かができたとしないのはなぜ：

table tr td { 
    display: block; 
    width: 50%; 
    box-sizing: border-box; 
    float: left; 
} 

JSFiddle

Answer 2

あなたが周りに巻くことによって、新しい行を作ることができますあなたのtdとtrとして

<table> 
 
    <tr> 
 
    <td class="col-1">One</td> 
 
    <td class="col-2">Two</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="col-3">Three</td> 
 
    <td class="col-4">Four</td> 
 
    </tr> 
 
</table>

以下

希望します。