HTML

I am using Spanish lanuguage on our .NET MVC website, when page is loading it is not showing correct character like changing "á" into "Â", something like below image

I am already using below HTML code for settings content type with "charset=UTF-8"

I have a link of File created on amazon s3, now I would like to create a link to download the file inside table <td>, so How can I create download link using anchor tag <a> in HTML?

I am using this code, which has width and overflow defined but when in mobile view or you can say in low resolution screen, horizontal scroll is not working, here is my current code

<div style="width:900px; overflow:scroll">

    <div class="row bs-wizard" style="border-bottom:0;">
       
        <div class="col-xs-2 bs-wizard-step " data-id="Order">
            <div class="text-center bs-wizard-stepnum ">Order</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="javascript:void(0)" class="bs-wizard-dot"></a>
            <div class="bs-wizard-info text-center">Any Details here</div>
        </div>
<!--More similar code-->
        <div class="col-xs-2 bs-wizard-step " data-id="Sign Paper Work">
            <!-- complete -->
            <div class="text-center bs-wizard-stepnum">Sign Paper Work</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="javascript:void(0)" class="bs-wizard-dot"></a>
            <div class="bs-wizard-info text-center">Any Details here</div>
        </div>
<!--More similar code-->
      
    </div>
</div>

when in mobile view i am not able to scroll and see remaining div's here is the mobile image

...

Hello, I Would like to know what's the actual difference between <span> and <div> tags in HTML?

When we should prefer <span> and when <div>?

Hello, I would like to remove the default arrow from the select list dropdown of below HTML, using CSS , suppose here is my sample HTML