Benjamin Stewart, M.Ed. (Ph.D., 2012)/Sandbox

Vertical lines can be displayed by creating a table, and setting some properties to it.

This is an example of a simple one row - two column table (external border color is white by default), separated by a vertical line, thus creating two cells, each one of them can contain text, images, audio, video, etc.

Switch to edit mode, study the code of this table

Please feel free to change values of properties of this table which are explained in right cell.

• Notice wikicode {| creates the table, and wikicode |} closes the table
• Wikicode |- starts a row.
• Wikicode | creates a cell into the row.
• "width" property is set to 100%. Try other values. See what happens with size of table.
• "cellpadding" property creates a separation between border and content inside cells of the table (this table has two cells). Try other values.
• "rules" property has "cols" attribute, this mean, only vertical cell borders will be displayed. (other attributes are: rows, non, all). Try them on.