title: Styling Microsoft-Word-Generated HTML
body: <p>Ugh.  Word is notorious for its bloated, convoluted, non-standards-compliant, non-semantic HTML.  Unfortunately, I have a professor who is requiring us to generate an outline to very exacting standards.  I'd rather not hand-write it, so I decided to make something that would be useful for my classmates as well.  I created the outline using a simple numbered list in NeoOffice on my Mac, exported it as HTML, and wrote quite a bit of CSS to style it.  Then, I got someone to create an ordered list in Word for Windows, export it as html, and send it to me to check compatibility.  After scrolling miles down the page, trying to repress a shudder, I saw a problem.  Word did not use <code>&lt;ol&gt;</code> and <code>&lt;li&gt;</code>.  It used mountains of nested <code>&lt;span&gt;</code>s with classes out the wazoo.  I hate to see all my work go to waste, but this content is impossible to work with—I'd have to style on a document-to-document basis, rather than with a universal stylesheet.</p>
  
  <p>Ideally, Word would generate HTML using standard tags so that I could style it just like any other list, but this doesn't seem to be the case.  How can I make it generate lists that actually use <code>&lt;ul&gt;</code> and <code>&lt;li&gt;</code> rather than <code>&lt;span&gt;</code>, or at least modify something in my code to somehow work with the way weird way it does create lists?</p>