<TD> tag ignoring width in CSS

You have to change your table-layout algorithm to fixed in place of the default value, auto

jsFiddle

More info from the W3C regarding the fixed table-layout value:

http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout


width property of td and th elements is not supported at HTML5, still you can get a workaround by setting their display to inline-block and setting their width via CSS.


You need to add table-layout:fixed to your table CSS:

table { float:left;table-layout:fixed; }

jsFiddle example

Tags:

Html

Css