html - Forcing table cell onto new row -


i have standard table in cells appear left-to-right in same row, i'd force third cell appear on new line. there css tweak can this?

<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> 

this displays as: 1 2 3 four

can force third column display on new row thus:

one 2 3 4 

not sure why wouldn't make new row, suppose if had use css, this:

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

jsfiddle


Comments

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -