The following example shows how to create a document with regions placed around a picture.
The first bridges were made by nature itself — as simple as a log fallen across a stream or stones in the river.
The first bridges made by humans were probably spans of cut wooden logs or planks and eventually stones, using a simple support and crossbeam arrangement.
Some early Americans used trees or bamboo poles to cross small caverns or wells to get from one place to another.
A common form of lashing sticks, logs, and deciduous branches together involved the use of long reeds or other harvested fibers woven together to form a connective rope capable of binding and holding together the materials used in early bridges.
The Arkadiko Bridge is one of four Mycenaean corbel arch bridges part of a former network of roads, designed to accommodate chariots, between Tiryns to Epidauros in the Peloponnese, in Greece.
Dating to the Greek Bronze Age (13th century BC), it is one of the oldest arch bridges still in existence and use. Several intact arched stone bridges from the Hellenistic era can be found in the Peloponnese in southern Greece
The greatest bridge builders of antiquity were the ancient Romans. The Romans built arch bridges and aqueducts that could stand in conditions that would damage or destroy earlier designs. Some stand today.
An example is the Alcántara Bridge, built over the river Tagus, in Spain.
Excerpt from "Bridge" via Wikipedia:
http://en.wikipedia.org/wiki/Bridge
#aroundthePictureFlow {
-ro-flow-into: textFlow; /* defines the named flow "textFlow" */
...
}
#aroundThePictureSample div {
-ro-flow-from: aroundThePictureFlow; /* fills the divs wit the named flow "textFlow" */
}
#aroundThePictureSample :-ro-matches(div, img) {
position: absolute;
}
#aroundThePictureSample img { /* places the picture */
display: block;
top: 5cm; left: 6cm;
width: 10.5cm; height: 7cm;
}
#aroundThePictureSample :nth-child(1) { /* places one of the regions */
top: 0.5cm; left: 0.5cm; right: 0.5cm;
height: 0.75cm;
}
...
The following example shows how to create an hour glass shape with regions.
Excerpt from "Hourglass" via Wikipedia: http://en.wikipedia.org/wiki/Hourglass
#hourGlassFlow {
-ro-flow-into: hourGlassFlow;
}
#hourGlassFlow {
hyphens: auto;
font-size: 3mm;
orphans: 1; widows: 1;
text-align: justify; -ro-text-align-last: justify;
line-height: 1; letter-spacing: 0.10mm;
}
#hourGlassSample {
margin: 5mm auto;
}
#hourGlassSample div {
-ro-flow-from: hourGlassFlow;
height: 5mm;
margin: 0.5mm auto;
}
#hourGlassSample div:nth-child( 1) { width: 8cm; }
#hourGlassSample div:nth-child( 2) { width: 8.15cm; }
#hourGlassSample div:nth-child( 3) { width: 6cm; }
...