Padding samples

Table cell padding sample

These are html tags you type. 

Within the style container in the head,
or within a separate style sheet file:
      table#sample
        {
        width:        60%;
        border:       8px green solid;
        margin-left:  auto;
        margin-right: auto;
        }
      table#sample th, table#sample td
        {
        border:       2px red solid;
        padding:      15px;
        }

            <table id="sample">  
              <tr>  
                <th style="width:30%">   Heading 1   </th>  
                <th>   Heading 2   </th>  
              </tr>  
              <tr>  
                <td>   Datum 1   </td>  
                <td>   Datum 2   </td>  
              </tr>  
            </table> 
NOTE:
  • This a copy of the table width sample.
  • The padding property has been added to all td and th elements.

This is the resulting web page content:

Heading 1 Heading 2
Datum 1 Datum 2