title: CSS fixed width in a span
body: <p>Within an unordered list:</p>
  
  <pre><code>&lt;li&gt;&lt;span&gt;&lt;/span&gt; The lazy dog.&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;AND&lt;/span&gt; The lazy cat.&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;OR&lt;/span&gt; The active goldfish.&lt;/li&gt;
  </code></pre>
  
  <p>Adding a class or style attribute is permitted but padding the text and adding or changing tags is not allowed.</p>
  
  <p>The page is rendering with Courier New.</p>
  
  <p>Goal is to have text after span lined up.</p>
  
  <pre><code>    The lazy dog.
  AND The lazy cat.
  OR  The active goldfish.
  </code></pre>
  
  <p>Justification of the "OR" is unimportant.</p>
  
  <p>The lazy animal text may be wrapped in an additional element but I'll have to double check.</p>