XML/CSS Style/align

Aligning Elements Vertically

   <source lang="xml">

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

 <name language="English">T1</name>
 <name language="Latin">T2</name>
 <projects>
   <project>project1</project>
   <project>project2</project>
   <project>
     project3
   </project>
 </projects>
 <weight>3 points</weight>
 <length>3 years</length>

</employees> File: Style.css

employees {

  display:block

} name {

  display:none;
  position:absolute;
  left:9px;

} intro {

  display:block;
  border:medium dotted red;
  padding:5px;
  margin-top:5px

} project {

  display:inline;
  width:200px;
  border:thin solid red;
  padding:5px;margin-top:5px; 
  vertical-align:top

} projects {

  display:inline

} length {

  display:inline

} weight {

  display:inline

}

</source>
   
  

Aligning Text

   <source lang="xml">

You can set up certain HTML tags to always be aligned to the right, left, center, or justified, as desired. File: Data.xml <?xml version="1.0" ?> <?xml-stylesheet type="text/css" href="Style.css" ?> <employees>

 <name language="English">T1</name>
 <name language="Latin">T2</name>
 <projects>
   <project>project1</project>
   <project>project2</project>
   <project>
     project3
   </project>
 </projects>
 <weight>3 points</weight>
 <length>3 years</length>

</employees> File: Style.css employees {

  background:#ffe7c6

} name {

  font: bold 24pt/22pt Trebuchet MS; 
  width:100;
  margin-top:10;
  color:#A50063

} project{

  font:10pt Georgia;
  background:#ffffc6; 
  text-align:justify

} weight {

  background:#ffc6a5;
  margin:8 10 2;
  text-align:center; 

} length {

  font-style:italic

}

</source>