title: HTML span tag auto scroll
body: <p>In my HTMl file, I am trying to populate a span text zone with some voice-recognized text. I am struggling with one thing here:</p>
  
  <p>Auto-scroll on the span zone:</p>
  
  <pre><code>&lt;span id="final_span" class="final"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Javascript code:</p>
  
  <pre><code>var final_span = document.getElementById("final_span");
  finalDiv.innerHTML += '&amp;nbsp' + data + '&lt;p&gt;';
  finalDiv.scrollTop = finalDiv.scrollHeight;
  
  </code></pre>
  
  <p>The data inside the JavaScript keeps increasing, but when it exceeds the span limit, a scroll bar on the right appears because of the CSS code I wrote:   <code>overflow-y: scroll;</code> I would like to build it as auto-scroll until the bottom when text exceeds.</p>
  
  <p>Thanks for your time.</p>