See the width and height section of Help:Table.
This example table needs to be on a separate page in order to test it more easily in narrower browser windows. Especially in mobile view on cell phones in portrait orientation.
Note the width versus max-width setting for the center header in the 2 tables below. The large max-width setting for the center header isn't doing anything because the width of the center header text is small.
See also the 2nd subpage.
Center header width setting:
style=width:20em | Center
| Left | Center | Right |
|---|---|---|
| Top left cell | Top center cell | Top right cell |
| Middle left cell | Middle center cell | Middle right cell |
| Bottom left cell | Bottom center cell | Bottom right cell |
Center header width setting:
style=max-width:20em | Center
| Left | Center | Right |
|---|---|---|
| Top left cell | Top center cell | Top right cell |
| Middle left cell | Middle center cell | Middle right cell |
| Bottom left cell | Bottom center cell | Bottom right cell |