<p>
    <a href="#" id="how-many">How many are selected?</a>
</p>




<p>
<span class="lipsum">Lorem</span> <span class="lipsum">ipsum</span> <span class="lipsum">dolor</span> <span class="lipsum">sit</span> <span class="lipsum">amet,</span> <span class="lipsum">consectetur</span> <span class="lipsum">adipiscing</span> <span class="lipsum">elit.</span> <span class="lipsum">Duis</span> <span class="lipsum">gravida,</span> <span class="lipsum">ligula</span> <span class="lipsum">sed</span> <span class="lipsum">convallis</span> <span class="lipsum">luctus,</span> <span class="lipsum">urna</span> <span class="lipsum">justo</span> <span class="lipsum">dapibus</span> <span class="lipsum">turpis,</span> <span class="lipsum">et</span> <span class="lipsum">cursus</span> <span class="lipsum">sem</span> <span class="lipsum">libero</span> <span class="lipsum">eu</span> <span class="lipsum">ante.</span> <span class="lipsum">Proin</span> <span class="lipsum">sed</span> <span class="lipsum">condimentum</span> <span class="lipsum">justo.</span> </p>