span></span>
      </div>
    </section>

    <section class="demo range-from-center">
      <h1>Range from center</h1>
      <div class="demo-line">
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
      </div>
    </section>

    <section class="demo range-from-center-reversed">
      <h1>Range from center reversed</h1>
      <div class="demo-line">
        <span></span><span></span><span></span><span></