Sample HTML table styling

table.html

<style type="text/css">
  
  body {
    width:700px;
    margin:20px auto;
    font-family: arial;
  }

  table {
    border-collapse: collapse;
  }

  table td {
    font-size: 12px;
    padding:10px 0;
    border-bottom:1px solid #ddd;
  }

  .country_name-cell {
    width:200px;
  }

  .code-cell {
    width:50px;
    color:red;
  }

  .pop96-cell {
    text-align: right;
  }

  th {
    text-align: left;
  }






</style>




<table>
  <thead>
    <tr>
      <th class="country_name-cell">Country</th>
      <th class="code-cell">Code</th>
      <th class="pop96-cell"> 1996 pop.</th>
    </tr>
  </thead>
  <tbody>
    <tr class="firstRow">
      <td class="country_name-cell">Aruba</td>
      <td class="code-cell">ABW</td>
      <td class="pop96-cell"> 83.195 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Andorra</td>
      <td class="code-cell">AND</td>
      <td class="pop96-cell"> 64.274 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Afghanistan</td>
      <td class="code-cell">AFG</td>
      <td class="pop96-cell"> 18,415,307 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Angola</td>
      <td class="code-cell">AGO</td>
      <td class="pop96-cell"> 12,451,945 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Albania</td>
      <td class="code-cell">ALB</td>
      <td class="pop96-cell"> 3,341,043 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Arab World</td>
      <td class="code-cell">ARB</td>
      <td class="pop96-cell"> 255,932,514 </td>
    </tr>
    <tr>
      <td class="country_name-cell">United Arab Emirates</td>
      <td class="code-cell">ARE</td>
      <td class="pop96-cell"> 2,470,810 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Argentina</td>
      <td class="code-cell">ARG</td>
      <td class="pop96-cell"> 35,264,070 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Armenia</td>
      <td class="code-cell">ARM</td>
      <td class="pop96-cell"> 3,173,425 </td>
    </tr>
    <tr>
      <td class="country_name-cell">American Samoa</td>
      <td class="code-cell">ASM</td>
      <td class="pop96-cell"> 53.926 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Antigua and Barbuda</td>
      <td class="code-cell">ATG</td>
      <td class="pop96-cell"> 70.245 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Australia</td>
      <td class="code-cell">AUS</td>
      <td class="pop96-cell"> 18,311,000 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Austria</td>
      <td class="code-cell">AUT</td>
      <td class="pop96-cell"> 7,959,017 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Azerbaijan</td>
      <td class="code-cell">AZE</td>
      <td class="pop96-cell"> 7,763,000 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Burundi</td>
      <td class="code-cell">BDI</td>
      <td class="pop96-cell"> 6,294,482 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Belgium</td>
      <td class="code-cell">BEL</td>
      <td class="pop96-cell"> 10,156,637 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Benin</td>
      <td class="code-cell">BEN</td>
      <td class="pop96-cell"> 6,176,318 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Burkina Faso</td>
      <td class="code-cell">BFA</td>
      <td class="pop96-cell"> 10,372,562 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Bangladesh</td>
      <td class="code-cell">BGD</td>
      <td class="pop96-cell"> 122,400,896 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Bulgaria</td>
      <td class="code-cell">BGR</td>
      <td class="pop96-cell"> 8,362,826 </td>
    </tr>
    <tr>
      <td class="country_name-cell">Bahrain</td>
      <td class="code-cell">BHR</td>
      <td class="pop96-cell"> 579.697 </td>
    </tr>
    <tr class="lastRow">
      <td class="country_name-cell">Bahamas, The</td>
      <td class="code-cell">BHS</td>
      <td class="pop96-cell"> 283.678 </td>
    </tr>
  </tbody>
</table>