Background repreat and position
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>
<IMAGE />
<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>
<IMAGE />
<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, IMAGE, PARAGRAPH, LINE{
display:block
}
DATE, PARAGRAPH{
margin-bottom:.25in
}
IMAGE {
background-image:url(Raven.bmp);
background-repeat:no-repeat;
background-position:center;
width:89px;
height:58px;
float:left
}
Related examples in the same category