HTML Element Style How to - Set Maximum width for table column

Question

We would like to know how to set Maximum width for table column.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
table td {<!--from w w w.  j  ava  2 s .  c o m-->
  border: 1px solid black;
}
</style>
</head>
<body>
  <table>
    <tr>
      <td>
        <table>
          <tr>
            <td style="width: 100px;">Table 1 Cell 1</td>
            <td style="width: 150px;">Table 1 Cell 2</td>
            <td style="width: 250px;">Table 1 Cell 3</td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>

The code above is rendered as follows: