In HTML5, with respect to tables, what replaces cellpadding, cellspacing, valign, and align?

Question

In **Visual Studio**, I'm seeing these warnings:> - Validation (HTML 5): Attribute 'cellpadding' is not a valid attribute of element 'table'.> - Validation (HTML 5): Attribute 'cellspacing' is not a valid attribute of element 'table'.> - Validation (HTML 5): Attribute 'valign' is not a valid attribute of element 'td'.> - Validation (HTML 5): Attribute 'align' is not a valid attribute of element 'td'.If they are not valid attributes in **HTML5**, what replaces them in CSS?

Answer 1

Inline HTML attributes such as 'cellpadding', 'cellspacing', 'valign', and the like were all deprecated (rendered obsolete) starting with HTML 4.01. In HTML5, it is the W3C's recommendation to style tables, rows, and cells with CSS. To do this in HTML5, simply use the standard 'padding' and 'margin' properties as you would when styling floating elements or fleshing out a layout grid with Cascading Style Sheets. Use 'table', 'tr', and 'td' as the selectors and 'padding' and 'margin' as the properties. Use pixel values as the values of padding and margin (e.g. '2px;' or '8px', etc.). To see this example in action see the following JSFiddle:

https://jsfiddle.net/w2pgnk37/2/

Best Regards, Hope this helps!