HTML and CSS Reference
In-Depth Information
FiGure 17-1
Border properties were added to the CSS rules to show the edges of the table and
the table cells in Figure 17-1 and subsequent figures.
Next, create some white space inside the table cells. If you wanted to provide a little distance between
the content and the edge of the table cells, the
padding
property would be defined within the
td
and
th
selectors, like this:
td, th {
padding: 10px;
border: 1px solid black;
}
You can see a real difference in Figure 17-2. Note how the padding makes the content much easier to
read at a glance. Padding within the cell is very helpful and highly recommended.
FiGure 17-2
