title: How do I have a border-bottom on all except the last item
body: <p>If i have a <code>ul</code>, how do i set a border-bottom on all the <code>li</code> items except the last one? I'm also trying to make the width of the <code>border</code> 180px. here's my code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul class="sideNav"&gt;
    &lt;li&gt;&lt;a href="/history.asp"&gt;History&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/mission.asp"&gt;Mission&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/associations.asp"&gt;Associations&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/careers.asp"&gt;Careers&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.sideNav {
      margin:0;
      padding:0;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      width:216px;
      background-color:#017dc6;
  }
  
  .sideNav li {
      list-style-type:none;
      text-align:center;
      text-transform:uppercase;
      width:180px;
  }
  
  .sideNav li a {
      border-bottom:1px solid #80bee3;
      width:180px;
      color:#ffffff;
      text-decoration:none;
      display:block;
      padding:18px;
  }
  </code></pre>