How can I get my website icons in the same row? (HTML)?

[Ace Kevlar]

<div id="Fter">
<div class="ShareBttn"><span class='st_facebook_large' ></span></div>
<div class="ShareBttn"><span class='st_twitter_large' ></span></div>
<div class="ShareBttn"><span class='st_google_large' ></span></div>
</div>

Here I have contained each button within a div and then all of those within a container div "Fter". The container div will be what you use to position the footer on the page and relative to other page content rather than each button separately. Its then easier to line them up within this div using their div class. Here is the CSS which is what controls the positioning:

#Fter {
width: 210px;
height: 50px;
border: 0;
margin: 0;
margin-left: 321px;
padding: 0;
padding-left: 50px;
position: relative;
background-color: #666;
}

.ShareBttn {
width: 40px;
height: 40px;
border: 0;
margin: 0;
padding: 0;
padding-top: 10px;
padding-left: 10px;
position: relative;
float: left; ------------- this is what actually pulls them all inline.
}

This is what you get in situ: http://www.robcampdriving.co.uk/