title: How can I style XML with CSS for viewing in a browser without first transforming to (X)HTML?
body: <p>I know that CSS can be used to control the presentation of (X)HTML in modern browsers. I was under the impression that this was possible for arbitrary XML as well.  (Am I mistaken?)</p>
  
  <p><strong>A concrete example</strong>: given the following XML</p>
  
  <pre><code>&lt;log&gt;
    &lt;entry revision="1"&gt;
      &lt;author&gt;J Random Hacker&lt;/author&gt;
      &lt;message&gt;Some pithy explanation&lt;/message&gt;
    &lt;/entry&gt;
  &lt;/log&gt;
  </code></pre>
  
  <p>I'd like to associate a CSS with this XML such that when viewed in a modern (WebKit, FireFox) browser, I see something like:</p>
  
  <pre><code>+----------------------------------+
  | revision | 1                     |
  +----------------------------------+
  | author   | J Random Hacker       |
  +----------------------------------+
  | message  | Some pithy explanation|
  +----------------------------------+
  </code></pre>
  
  <p>Where my oh-so-beautiful ascii-art is meant to indicate some table-like layout.</p>
  
  <p>That is: XML+CSS --> "pixels for user" instead of XML+XSLT --> XHTML+CSS --> "pixels for user".</p>
  
  <p>My hope is that this approach could be simpler way (for me) to present XML documents that are already document-like in their structure.  I'm also just plain curious.</p>