Search results
Results from the WOW.Com Content Network
This is a test of the default settings for a very wide table with much text to show the extent of the margins when enough data is present to push the table to its maximum width allowed by the table properties. A table with long text, or many wide columns, will expand to fit 98% of the width of the window.
A CSS width setting for the overall table in desktop view acts like width settings on divs and tables on webpages outside Wikipedia. A horizontal scrollbar is created when the screen is too narrow for the width setting. See width outside Wikipedia: width - CSS: Cascading Style Sheets | MDN; CSS width Property.
However, the table margins, border and font-size must be precisely set to match a typical image display. The Image-spec parameter "thumb|" (although auto-thumbnailing to user-preference width) forces a wide left-margin that squeezes the nearby text, so the parameter "center|" can be added to suppress the left-margin padding.
Note: Wikipedia:HTML 5#Table attributes. CSS to replace obsolete attributes for borders, padding, spacing, etc. Add a border around a table using the CSS property border: thickness style color;, for example border:3px dashed red. This example uses a solid (non-dashed) gray border that is one pixel wide:
Also, if the table has cell spacing (and thus border-collapse=separate), meaning that cells have separate borders with a gap in between, that gap will still be visible. A cruder way to align columns of numbers is to use a figure space   or  , which is intended to be the width of a numeral, though is font-dependent in practice:
Tables are a common way of displaying data. This tutorial provides a guide to making new tables and editing existing ones. For guidelines on when and how to use tables, see the Manual of Style. The easiest way to insert a new table is to use the editing toolbar that appears when you edit a page (see image above).
In general, styles for tables and other block-level elements should be set using CSS classes, not with inline style attributes. This is because the site-wide CSS is more carefully tested to ensure compatibility with a wide range of browsers; it also creates a greater degree of professionalism by ensuring a consistent appearance between articles.
Instead, the solution (to both) as autowidened tables, with column-spacers (and no column "width="), will avoid both extremes, of too-wide percent-width columns or too-narrow pixel-width columns, and will allow a table to auto-adjust to the user's screen size, or various text-size zoom views.