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

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

jsf - "PropertyNotWritableException: Illegal Syntax for Set Operation" error when setting value in bean -

arrays - Algorithm to find ideal starting spot in a circle -