title: Style xml fragment as a table
body: <p>I'm wondering how to correctly style this XML clip to be put in a table. The columns are the headings for the data that will be added below under each heading in the table. each column ex (symbol, name, etc) is appearing vertically I need each column horizontal what am I doing wrong?</p>
  
  <p>Heres the css clip</p>
  
  <pre><code>titles {
      display: table;
      margin-left: auto;
      margin-right: auto;
  }
  
  column {
      display: table-column;
      text-align: center;
      text-decoration: underline;
      font-weight: bold;
      margin-left: auto;
      margin-right: auto;
  }
  
  #c1 {
      color:green
  }
  </code></pre>
  
  <p>And heres the xml clip</p>
  
  <pre><code>&lt;heading&gt;NASDAQ 100&lt;/heading&gt;
     &lt;subHeading&gt;Current quotes&lt;/subHeading&gt;
     &lt;dateTime&gt;
        &lt;date&gt;11/01/2008&lt;/date&gt;
        &lt;time&gt;11:45:05&lt;/time&gt;
     &lt;/dateTime&gt;
  
     &lt;titles&gt;
        &lt;column id="c1"&gt;Symbol&lt;/column&gt;
        &lt;column id="c2"&gt;Name&lt;/column&gt;
        &lt;column id="c3"&gt;Last Sale&lt;/column&gt;
        &lt;column id="c4"&gt;Net Change&lt;/column&gt;
        &lt;column id="c5"&gt;% Change&lt;/column&gt;
        &lt;column id="c6"&gt;Volume&lt;/column&gt;
     &lt;/titles&gt;
  </code></pre>