Error when writing "£" in a paragraph

Question

I'm trying to put in a simple paragraph in which there are "£" signs denoting prices.

However, when the text appears on the webpage every "£" sign is preceded by a "Â" symbol.

Can anyone advise as to why this happens?

Any suggestions on how to stop this happening? See below snippets of the affects code.

<div id="dog_walks_text">
            <h4>Dog Walking Prices:</h4>
            <br>
            <p>GROUP WALKS
            <br>
            30 min - £6.50, plus £4 per additional dog from same household
            <br>
            60 min - £12.00, plus £6 per additional dog from same household
            <br>
            <br>
            ONE-TO-ONE WALKS
            <br>
            30 min - £9.00, plus £4 per additional dog from same household
            <br>
            60 min - £14.00, plus £6 per additional dog from same household</p>
        </div>

Answer 1

Adding meta tag in the head:

<meta charset="utf-8">

Answer 2

This can often happen is the font you're using is not on the local machine.

Firstly, make sure you're using a websafe font.

Secondly, trying inputting your "£" symbols as html code:

£