如何完美地在頁面中心內嵌圖像和文本

Question

如何在容器中間完美地放置圖像和文本？

我的任務是在頁尾側將徽標和版權文本居中橫向完美。請將您的CSS體驗分享給類似的任務。

預先感謝您！

Answer 1

檢查了這一點。
小提琴：http://jsfiddle.net/tbj3hsmL/

HTML：

<div class="footer"> 
    <img src="http://placehold.it/25x25" /> 
    <span class="text">Footer Text</span> 
</div> 

CSS：

.footer { 
    padding: 10px; 
    background: #ddd; 
    text-align: center; 
} 
    .footer img { 
     vertical-align: middle; 
    } 
    .footer .text { 
     margin-left: 10px; 
    } 

Answer 2

只是讓你想要什麼居中一個div並在CSS這樣做：

margin:0;