title: CSS3 Menu Border - RightArrow Effect
body: <p>I want to achieve the right arrow effect using css3, i tried a bunch of times already but no luck. </p>
  
  <p><a href="http://jsfiddle.net/ffCDw/" rel="nofollow">http://jsfiddle.net/ffCDw/</a> </p>
  
  <pre><code>.menu li {
  list-style-type: none;
  display:inline;
  
  }
  .menu li a {
  padding: 0 20px;
  background: green;
  color: #fff;
  }
  </code></pre>