Set margin top and margin bottom : margin « CSS Style « XML

1. XML
2. CSS Style
3. margin

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