<div class="responsive-scroll" tabindex="0">
  <div class="horizontal-example">
    <h1>Esto es un título de ejemplo</h1>
    <p class="lead">
      Esto es un párrafo de ejemplo para probar el funcionamiento de la barra de desplazamiento. No tiene ningún fin específico, solo sirve de muestra. El ancho del texto es para probar el desplazamiento horizontal, mientras que la lista de cuerpos de contenido consecutivos es para probar el desplazamiento vertical.
    </p>
    <br />
    <hr />
    <br />
    <h2>Esto es un título de ejemplo</h2>
    <p>
      Esto es un párrafo de ejemplo para probar el funcionamiento de la barra de desplazamiento. No tiene ningún fin específico, solo sirve de muestra. El ancho del texto es para probar el desplazamiento horizontal, mientras que la lista de cuerpos de contenido consecutivos es para probar el desplazamiento vertical.
    </p>
  </div>
</div>

<div class="responsive-scroll" tabindex="0">
  <div class="vertical-example">
    <h1>Esto es un título de ejemplo</h1>
    <p class="lead">
      Esto es un párrafo de ejemplo para probar el funcionamiento de la barra de desplazamiento. No tiene ningún fin específico, solo sirve de muestra. El ancho del texto es para probar el desplazamiento horizontal, mientras que la lista de cuerpos de contenido consecutivos es para probar el desplazamiento vertical.
    </p>
    <br />
    <hr />
    <br />
    <p>
      Esto es un párrafo de ejemplo para probar el funcionamiento de la barra de desplazamiento. No tiene ningún fin específico, solo sirve de muestra. El ancho del texto es para probar el desplazamiento horizontal, mientras que la lista de cuerpos de contenido consecutivos es para probar el desplazamiento vertical.
    </p>
    <br />
    <hr />
    <br />
    <h2>Esto es un título de ejemplo</h2>
    <p>
      Esto es un párrafo de ejemplo para probar el funcionamiento de la barra de desplazamiento. No tiene ningún fin específico, solo sirve de muestra. El ancho del texto es para probar el desplazamiento horizontal, mientras que la lista de cuerpos de contenido consecutivos es para probar el desplazamiento vertical.
    </p>
    <br />
    <hr />
    <br />
    <h2>Esto es un título de ejemplo</h2>
    <p>
      Esto es un párrafo de ejemplo para probar el funcionamiento de la barra de desplazamiento. No tiene ningún fin específico, solo sirve de muestra. El ancho del texto es para probar el desplazamiento horizontal, mientras que la lista de cuerpos de contenido consecutivos es para probar el desplazamiento vertical.
    </p>
  </div>
</div>