XML/CSS Style/width

Width by percentage

   <source lang="xml">

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

 <title>A</title>
 <pullQuote>B</pullQuote>
 <paragraph1>
   C
   <reference>D</reference>
   E
   <keyword>XML</keyword>
   F
 </paragraph1>

</review> File: Style.css reference{

  float:left;
  width:20%;
  font-style:italic;
  padding:10px; margin:10px;
  border:solid; 
  border-width:4px; 
  border-color:#CCCCCC;

}

</source>
   
  

Width by pixel

   <source lang="xml">

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

  <column1>
     <paragraph>This is a paragraph inside column one.</paragraph>
     <paragraph>This is a paragraph inside column one.</paragraph>
     <paragraph>This is a paragraph inside column one.</paragraph>
  </column1>
  <column2>
     <paragraph>This is a paragraph inside column two.</paragraph>
     <paragraph>This is a paragraph inside column two.</paragraph>
     <paragraph>This is a paragraph inside column two.</paragraph>
  </column2>

</page> File: Style.css page {

 display:block;
 width:470px;
 height: 400px;
 padding:10px;
 border-style:solid; border-width:2px; border-color:#000000;}

column1 {

 position:absolute;
 left:10px; top:10px;
 width:200px;
 padding:10px;
 border-style:solid; border-width:2px; border-color:#CCCCCC;}

column2 {

 position:absolute;
 left:250px; top:10px;
 width:200px;
 padding:10px;
 border-style:solid; border-width:2px; border-color:#CCCCCC;}

paragraph {

 display:block;
 padding-bottom:10px;

}

</source>