Ruled list

A list with ruled lines between each item. You’ll find this list in the mobile menu, as well as the solution blocks.

Example

Code sample

1
2
3
4
5
6
7
8
<ol class="list_ruled">
  <li>First item</li>
  <li>
    Second item<br>
    With text on the next line
  </li>
  <li>Third item</li>
</ol>

Usage notes

No elements are allowed between the <ol> or <ul> and <li> elements.
This pattern has no wide-screen support, and will stretch in width.

Source files