MENU


Table

border-collapse
:collapse: a border is a single line.
:separate: reserves some space around each cell.

border-spacing
:10px: leaves 10px space between cells.
:10px 20px: leaves 10px space between cells horizontally and 20px space between cells vertically.

caption-side
:top: displays the caption above the table.
:bottom: displays the caption below the table.

empty-cells
:hide: empty cells show no background or borders.
:show: empty cells show background and borders.

table-layout
:auto: the longest unbreakable content determines the column width.
:fixed: the column width is fixed.

Setting the margin to 'auto' centralizes the table horizontally on the webpage. The declaration {table-layout: fixed;} evenly allocates the column widths even if the width is a percentage.
RESETRUNFULL
<!DOCTYPE html><html><head>
   <style type="text/css">
   table { margin: auto;
           border-collapse:collapse;
           table-layout:fixed;
           width:200px;
           word-wrap:break-word;}
   td {border: solid 1px;}
   tr:nth-child(odd) {background:grey;}
   tr:nth-child(even){background:white;}
   </style></head><body>
   <table>
      <tr><td>Mike</td><td>90</td></tr>
      <tr><td>Catherine</td><td>82</td></tr>
      <tr><td>Lee</td><td>73</td></tr>
      <tr><td>TengkuAhmadIskandarShah</td>
          <td>80</td></tr>
      <tr><td>Alice</td><td>95</td></tr>
   </table></body></html>