Layout page elements with DIV

For blocks of text (and/or graphics, lists, other blocks, etc.) use DIV elements named in the CSS file. Open the DIV with a dot and the class name, and close it with a dot and "end".

   .result This is a "result" div.
   .end

The appearance and behavior of divs is specified in the CSS file. If you nest divs, you have to close with a dot-end for each div in the set:

   .plan This is a "plan" div...
   .result ... holding a "result" div.
   .end
   .end

Try it on Second Page, which isn't nearly fancy enough for today's Web standards.

To put the entire link list into a "result" div, put a dot and "result" on a line just before the list, and a dot and "end" on the line just after the list:

== My second page.
.result
# Link back to ((Home)). - [[b a good place to start]]
# This link goes to the ((Third Page|next)) page. - [[rev still needs some work]]
/#
.end

Now we have:

Not bad, but it still needs something... Let's center the heading:

   .cent
   == My second page.
   .end

We're getting there. One last touch - put the centered heading in a "plan" DIV (notice each DIV needs it's own ".end"):

   .plan
   .cent
   == My second page.
   .end
   .end

Lovely -- a little garish, but lovely: