Set margin : margin « CSS Style « XML

1. XML
2. CSS Style
3. margin

Set margin

File: Data.xml
<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="Style.css"?>

<POEM>
  <TITLE>
    title 1
    <SUBTITLE>subtitle</SUBTITLE>
  </TITLE>
  <AUTHOR>by author</AUTHOR>

  <SECTION>
    <NUMBER>1.</NUMBER>
    <PARAGRAPH>
      <LINE>line 1</LINE>
      <LINE>line 2</LINE>
      <LINE>line 3</LINE>
    </PARAGRAPH>
    <PARAGRAPH>
      <LINE>line 4</LINE>
      <LINE>line 5</LINE>
      <LINE>line 6</LINE>
    </PARAGRAPH>
  </SECTION>

</POEM>

File: Style.css
POEM {
   font-size:140%
}

POEM, TITLE, SUBTITLE, AUTHOR, SECTION, NUMBER, PARAGRAPH, LINE{
   display:block
}

SECTION, PARAGRAPH {
   margin-top:1em
}

PARAGRAPH {
   background-image:url(Leaf.bmp)
}

 

Related examples in the same category