title: Span tag not working
body: <p>I have a horizontal menu demo below using HTML and CSS. As you can see I have put a right border on the li tag to separate the menu options. However I don't wish to have a border on the last menu option so I have used a span style to try and stop it showing. However it does not appear to be working for me. Can anyone help?</p>
  
  <pre><code>&lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  
  &lt;style type="text/css"&gt;
  
  #menu a {
  text-decoration:none;
  color:black;
  font-weight:bold;
  }
  
  #menu ul {
  display:inline;
  list-style:none;
  padding:0px;
  }
  
  #menu li {
  display:inline;
  margin:0px;
  border-right: solid black thin;
  padding-right:5px;
  color:black;
  }
  
  
  
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id="menu"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="/"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/"&gt;Service&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/"&gt;Prices&lt;/a&gt;&lt;/li&gt;
      &lt;span style="border-right:none"&gt;&lt;li&gt;&lt;a href="/"&gt;Contact Me&lt;/a&gt;&lt;/li&gt;&lt;/span&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>