Centring an 'aside'?

[Everton]

Hello

I am having some trouble trying to centre an ‘aside’ whose class is footer_left. This is the HTML I have:

 <!--start footer-->
   <footer>
   <div class="container">
   <aside class="footer_left">
   <h4>Hello hello
   <span>Lorem ipsum dolor sit amet</span>
   <span>Lorem ipsum dolor sit amet</span>
   </h4>
   </aside> 
   
   <aside class="footer_left">
   <h4>Bla bla
   <span>Lorem ipsum dolor sit amet</span>
   <span>Lorem ipsum dolor sit amet</span>
   </h4>
   </aside> 

   <aside class="footer_left">
   <h4>Purr purr
   <span>Lorem ipsum dolor sit amet</span>
   <span>Lorem ipsum dolor sit amet</span>
   </h4>
   </aside> 

   <!--<img src="images/cat_paw_prints.png" width="300" height="300" alt="contact" class="picture_footer"/>-->

   <div id="FooterTwo"> © 2014 Tomorrow's Women Wirral </div>
  
   </div>
   </footer>

The related CSS looks like this:

footer{
    position:relative;
    height:300px;
    clear:both;
    width:100%;
    background-image:url(../images/footer1.png);
    background-position:left top;
    background-repeat:repeat-x;
    background-color:#333333;   
}

#FooterTwo{
    position: absolute;
    right: 500px;
    top:250px;
    color:white;
}

.container{
    width:980px;
    margin:0 auto;
    background-color:transparent;
}

.footer_left{
    /*float:left;*/
    padding:12px;
    margin-top:15px;
    width:170px;
    margin-right:76px;
}

Ideally, the ‘asides’ should be centred horizontally along the pink/red box is the lower part of the browser, and I have removed the image, ‘cat_paw_prints.png’ to allow for centring as the script above indicates.

The site itself is here:

Web site

Any help would be appreciated.

Thank you!

[Author]

Posts