See the width and height section of Help:Table.
The height settings have been removed from the tables below in order to focus solely on width. The only width setting is for the center header.
This example table needs to be on this 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 in the second table below isn't doing anything because the width of the center header text is small.
See the 2nd subpage where the max-width setting does some good.
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 |