centering text + image CSS

Question

내 페이지 하단에 몇 개의 텍스트 + 몇 개의 png가있는 꼬리말이 있습니다.

나는 모든 것을 중심으로 만들려고 노력하고 있습니다. 내가 시도 할 때 margin: 0 auto 아무 일도 일어나지 않습니다. 그러나 나는 꼬리말이 아무 블럭 요소도 아니다. 그래서 그것은 의미가있다. 또한 텍스트에만있는 text-align: center을 시도했지만 여전히 아무 일도 일어나지 않습니다.

여기에 코드입니다 :

<footer> 
    <span class="contact"> Made by me - <a href="mailto:test90@gmail.com">test@gmail.com</a></span> 
    <img src="http://i.imgur.com/M3RtrFw.png" alt="Twitter"> 
    <img src="http://i.imgur.com/NfLMXs9.png" alt="Google+"> 
    <img src="http://i.imgur.com/oLWJ205.jpg" alt="Facebook"> 
</footer> 

CSS : fiddle

감사 : 또한 여기

img{ 
    max-width: 100%; 
} 

img[src*="imgur"]{ 
    width: 30px; 
    height: 30px; 
    margin: 0 20px; 
} 

footer{ 
    max-width: 100%; 
    position: absolute; 
    top: 430px; 
} 


span.contact{ 
    font-family: 'Sunshiney', cursive; 
    font-size: 1.2em; 
    letter-spacing: 1px; 
    text-align: center; 
} 

이 바이올린입니다!

Answer 1

또는 당신의 footer이 작업을 수행 :

footer{ 
    width: 100%; 
    text-align:center; 
    position: absolute; 
    top: 430px; 
} 

전원을 켜고 max-widthwidth에, 다음 text-align:center이 적용됩니다.
JSFiddle : http://jsfiddle.net/pS5dW/6/