Cacher is the code snippet organizer for pro developers

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}

// alert('Hello world!');

<style>
@import url(//necolas.github.com/normalize.css/2.1.0/normalize.css);

html {
  background: #ddd;
}

li {
  font-size: 20px;
  line-height: 2;
}
</style>

<ul class="list-ruled">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
</ul>

/**
 * Ruled list
 */

.list-ruled {
  list-style: none;
}

.list-ruled > li:not(:first-child) {
  border-top: 1px solid rgba(255,255,255,.3);
}

.list-ruled > li:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,.1);
}