I seem to be having a small problem with the footer on my website.
I have swapped around the code in regards the order it appears in the styling and the html.

Any advice appreciated

[Picture of the footer](https://i.stack.imgur.com/xesdQ.jpg)

```
.left{
    text-align:left;
    float:left;
}
.right{
    float:right;
    text-align:right;
}
.centered{
    text-align:center;
}

<div class="footer-container">
    <footer class="wrapper">
        <div id="footer">
            <p class="left"><img src="img/map25-redish.png"/> Curaheen, Cork </p> 
            <p class="right"><img src="img/telephone65-blue.png"/> </p>
            <p class="centered"><img src="img/envelope4-green.png"/ </p>
            <br/><br/>
        </div>
    </footer>

```