www.cloudformatter.com

cloudformatter format requests: 6,236,610    pages delivered: 14,200,898

Other Block-level Structures

xportability LLC

Other Block-level Structures

http://www.cloudformatter.com

The following shows various block-level structures, some with standard HTML interpretation of the style and other with css styling applied to augment/change the formatting.

This is a paragraph with some CSS styling applied

This is the standard <blockquote> element. It provides an indented look to the text. This is rarely used in the days of <div> elements, classes and css styling but it is supported.
    This is the standard <pre> element. Again, most folks would use
    css to style output like this, but for old HTML compatibility and code style
    documentation we support the "pre" element
Notice: Throughout this document, "alert" boxes like this are used to convey information to you. In fact, this is a great example showing mapping css styles to formatting. It includes using border, colors, fonts and background-images all with css styles.

After this paragraph and before the next paragraph are three <br> tags.




This is after the <br> tags.

There is an <hr> tag following this paragraph.


To apply absolute sizes (width or height), you need to use floats. The following set of examples show float styles applied to <div> elements.

1in x 1in
0.5in x 2in
1in x 3in
0.5in x 4in

Even stackable floats work. The following set of blocks are all 1in x 1in in specified size and float in a stackable way. XEPOnline fully respects this and will stack as many together as fit across the printed page. in this demo, we have set 8.5in paper with 0.5in margins, hence 7 blocks would fit on any one line.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15