Set margin value : margin « CSS Style « XML

1. XML
2. CSS Style
3. margin

Set margin value

File: Data.xml

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<page>
  <pageNumber>Page 1</pageNumber>
  <paragraph>
    A
    <reference>B</reference> 
    C
    <important>D</important>.
  </paragraph>
  <paragraph>
    E
    <reference>F</reference> 
    G
    <important>H</important>.
  </paragraph>
</page>


File: Style.css

paragraph {
  display:block;
  border:solid 1px #A3A3A3;
  padding: 10px;
  margin: 20px;
}
  
reference {
  display:inline;
  font-style:italic;
  color:#CC3333;
  background-color: #E6E6E6;
}

important {
  display:inline;
  font-weight:bold;
  color:#990000;
  border:solid 1px #990000;
}

page {
  display:block;
  border:solid 2px #000000;
  padding: 10px;
  margin:10px;
}
pageNumber { 
  display:block;
  padding:5px;
  border:solid 2px #336699;
  width: 60px;
  margin-bottom: 20px;
}

 

Related examples in the same category