<!doctype html>

<title>CodeMirror: Ruler Demo</title>
<meta charset="utf-8"/>
<link rel=stylesheet href="../doc/docs.css">

<link rel="stylesheet" href="../lib/codemirror.css">
<script src="../lib/codemirror.js"></script>
<script src="../addon/display/rulers.js"></script>
<style type="text/css">
  .CodeMirror {border-top: 1px solid #888; border-bottom: 1px solid #888;}
  .ruler1 { border-left: 1px solid #fcc; }
  .ruler2 { border-left: 1px solid #f5f577; }
  .ruler3 { border-left: 1px solid #cfc; }
  .rule