margin left : margin « CSS Style « XML

1. XML
2. CSS Style
3. margin

margin left

File: Data.xml

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<personnel>
  <allPeople>
    <person>
      <name>name 1</name>
      <personnelID>123</personnelID>
      <extension>999</extension>
    </person>
    <person>
      <name>name 2</name>
      <personnelID>124</personnelID>
      <extension>997</extension>
    </person>
  </allPeople>
</personnel>

File: Style.css

personnel {
  color:#000000;
  display:block;
  background-color:#FFFFFF;
  border:solid 2px #000000;
  padding:10px;
  margin:10px;
}
allPeople {
  display:block;
  background-color:#FFFFFF;
  border:solid 2px #000000;
  padding:10px;
}
person {
  display:block;
  width:80%;
  height:40px;
  background-color:#CCCCCC;
  border:solid 2px #000000;
  padding:10px;
  margin:10px;
}
name {
  float:left;
  width:25%;
  background-color:#FFFFFF;
  border:solid 2px #000000;
  padding:10px;
}
personnelID, extension {
  float:left;
  width:25%;
  background-color:#FFFFFF;
  border:solid 2px #000000;
  padding:10px;
  margin-left:10px;
}

 

Related examples in the same category