Set margin top and margin bottom
File: Data.xml
<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<POEM>
<TITLE>title</TITLE>
<AUTHOR>author 1</AUTHOR>
<DATE>2008</DATE>
<NOTE>This is a floating margin note.</NOTE>
<PARAGRAPH>
<LINE>line 1</LINE>
<LINE>line 2</LINE>
<LINE>line 3</LINE>
<LINE>line 4</LINE>
<LINE>line 5</LINE>
<LINE>line 6</LINE>
</PARAGRAPH>
<PARAGRAPH>
<LINE>line 7</LINE>
<LINE>line 8</LINE>
<LINE>line 9</LINE>
<LINE>line 10</LINE>
<LINE>line 11</LINE>
<LINE>line 12</LINE>
</PARAGRAPH>
</POEM>
File: Style.css
POEM {
font-size:12pt
}
POEM, TITLE, AUTHOR, DATE, NOTE, PARAGRAPH, LINE {
display:block
}
DATE {
margin-bottom:.25in
}
PARAGRAPH {
margin-left:1in;
margin-bottom:.25in
}
NOTE {
border-style:solid;
border-width:1px;
text-align:center;
width:1in;
height:1in;
float:left
}
Related examples in the same category