title: Border color for part of the bottom of li
body: <p>I have the next list: <a href="http://jsfiddle.net/4Mc7X/190/" rel="nofollow noreferrer">http://jsfiddle.net/4Mc7X/190/</a></p>
  
  <pre><code>ul {
      padding: 0;
  
  }
  li {
      float: left;
      padding: 0;
      width: 114px;
      border: solid 1px #f00;
      margin: 0;
  }
  </code></pre>
  
  <p>Is there an option to make the red border not all the bottom?</p>
  
  <p>for example:</p>
  
  <p><img src="https://i.stack.imgur.com/hqrfg.png" alt="enter image description here"></p>
  
  <p>Any help appreciated!</p>