如何在页面中心完美居中图像和内联文本

Question

如何使容器中间的图片和文本完美居中？

我的任务是在页脚侧居中放置 logo 和版权文字水平完美。请分享您对类似任务的 CSS 经验。

提前致谢！

Answer 1

只需制作一个 div 您想要居中的内容，然后在 css 中这样做：

margin:0;

Answer 2

看看这个。
Fiddle: 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;
    }

如何在页面中心完美居中图像和内联文本

how to center perfectly image and text inline in the center of page

html

css

text

image

center