This div element has width: 500px;

This div element has width: 600px;


This div element has max-width: 500px;

Tip: Drag the browser window to smaller than 500px wide, to see the difference between the two divs!

The table-layout Property

table-layout: auto; width: 180px:

Company Contact Country
Alfreds Futterkiste Maria Anders Germany
Island Trading Helen Bennett UK
Magazzini Alimentari Riuniti Giovanni Rovelli Italy

table-layout: fixed; width: 180px:

Company Contact Country
Alfreds Futterkiste Maria Anders Germany
Island Trading Helen Bennett UK
Magazzini Alimentari Riuniti Giovanni Rovelli Italy

table-layout: auto; width: 100%:

Company Contact Country
Alfreds Futterkiste Maria Anders Germany
Island Trading Helen Bennett UK
Magazzini Alimentari Riuniti Giovanni Rovelli Italy

table-layout: fixed; width: 100%:

Company Contact Country
Alfreds Futterkiste Maria Anders Germany
Island Trading Helen Bennett UK
Magazzini Alimentari Riuniti Giovanni Rovelli Italy