Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
div.Columnar { background-color: fuschia; } /* Stripped list this is a stripped-down list with no bullets, no image-bullets, no margins, and no padding. it is ready for further styling */ UL.Stripped { list-style: none; margin: 0px; padding: 0px; } UL.Stripped li { list-style: none; margin-left: 0px; } /* Horizontal lists HorizontalBars -- a horizontal, inline list with each item separated by bars (border-left, except on first item) Horizontal3 -- a horizontal list, no separators, each item 33% of the available width, 1% margin. Block, float-left is used. */ ul.HorizontalBars, ul.Horizontal3 { width:100%; margin: 0%; text-align: left; } ul.HorizontalBars li, ul.Horizontal3 li { display: inline; border-left: 1px solid; padding: 0%; margin: 0%; margin-left: 1% } ul.HorizontalBars:first-child { border-left: none; } ul.Horizontal3 { width: 100%; text-align: left; border: 1px solid orange; } ul.Horizontal3 li { width: 32%; margin-left: 1%; display: block; float: left; } div.Columns { color: fuschia; }