Pro HTML5 and CSS3 Design Patterns

CHAPTER 4 ■ BOX MODELS

Table Box

HTML

<h1>Table Box Model</h1>

<div class="container">

<table class="default"><tr><td>BEFORE</td></tr></table>

<table class="table">

<tr><td class="cell">Table Cell </td><td class="cell">Table Cell </td></tr>

</table>

<table class="default"><tr><td>AFTER</td></tr></table>

</div>

CSS

*.table {

border-collapse:separate; table-layout:auto; visibility:visible;

width:auto; height:auto; margin:30px 50px; }

*.cell { width:auto; height:auto; padding:20px 50px; overflow:hidden; }

/* Nonessential rules are not shown.

See Inline Box for border and background properties. */