Icon position footer center?

Here is the Link, i ment this 3 Icons (social buttons) under the Button.

My Quick css:

.center-icon {
text-align: center; 
}

.center-icon span {
display: inline-block;
float: none; 
}

And my code block on the Page:

<div class="center-icon">
<span class="av_font_icon avia_animate_when_visible av-icon-style-border  avia-icon-pos-center " style="color:#cccccc; border-color:transparent;"><a href='http://'  target="_blank"   class='av-icon-char' style='font-size:20px;line-height:20px;width:20px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' </a>
</a></span> 
<span class="av_font_icon avia_animate_when_visible av-icon-style-border  avia-icon-pos-center " style="color:#cccccc; border-color:transparent;"><a href='https://www.instagram.com/'  target="_blank"   class='av-icon-char' style='font-size:20px;line-height:20px;width:20px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' </a>
</a></span>
<span class="av_font_icon avia_animate_when_visible av-icon-style-border  avia-icon-pos-center " style="color:#cccccc; border-color:transparent;"><a href='https://twitter.com/'  target="_blank"   class='av-icon-char' style='font-size:20px;line-height:20px;width:20px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' </a>
</a></span>
</div>

• This reply was modified 8 years, 1 month ago by Micha66.

Is there nobody who can help me? I tried to do this code in the .center-icon span but it don’t work. I can scroll over the buttons, but they will not be shown. The are in the right position, but not in the front level of the containers?

position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    z-index:99999;

• This reply was modified 8 years, 1 month ago by Micha66.