title: span tag not working at all
body: <p>I have an html file a part of which is as follows:</p>
  
  <pre><code>&lt;ul&gt;
     {% for tree in tree}
           &lt;li&gt;   &lt;a href="{{ url_for('fruits', tree_id=tree.id) }}"&gt;
              {{ tree.tree_name }} - {{ tree.tree_year }}
          &lt;/a&gt; 
  &lt;span class="hyphen"&gt; - &lt;/span&gt;       
  &lt;a href="{{ url_for('stats', tree_id=tree.id) }}"&gt;
          stats
          &lt;/a&gt;&lt;/li&gt;
         {% endfor %}
  &lt;/ul&gt;
  </code></pre>
  
  <p>and the corresponding .css is as follows:</p>
  
  <pre><code>.hyphen{ margin-left:80px; margin-right:80px }
  </code></pre>
  
  <p>But the span tag doesn't seem to have any effect at all. I want to give space before and after the hyphen but it isn't working. Why so?</p>