не могу решить следующую проблему. в общем у меня есть такой HTML код.
<div style="overflow: auto; height: 100px;">
<!--Внутри блока есть некий контент в данном случае это текст -->
текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br>
текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br>
текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br>
текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br>
текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br>
текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br>
текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br>
текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br>
текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br> текст текст <br>
</div>
помогите как сделать так чтобы контент блока <div> читался с низу в верх то есть что бы после загрузки страницы скролл удива был с низу.
"не у всей страницы с низу скролл а только у дива".
Спасибо за внимание