XML/CSS Style/table

Table layout

   <source lang="xml">

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

<tableRow> <tableCell1>One</tableCell1> <tableCell2>Two</tableCell2> <tableCell3>Three</tableCell3> </tableRow> <tableRow> <tableCell1>Four</tableCell1> <tableCell2>Five</tableCell2> <tableCell3>Six</tableCell3> </tableRow>

</page> File: Style.css page {

 display:block;
 color:#000000; 
 background-color:#EFEFEF;
 border-style:solid; 
 border-width:2px; 
 border-color:#000000; 

} table {

 display:table;
 padding:20px;
 color:#000000; 
 background-color:#CCCCCC;
 border-style:solid; 
 border-width:2px; 
 border-color:#000000; 

} tableRow {

 display:table-row;

} tableCell1, tableCell2, tableCell3 {

 display:table-cell;
 padding:10px;
 color:#000000; 
 background-color:#EFEFEF; 
 border-style:solid; 
 border-width:2px; 
 border-color:#000000; 

}

</source>