如何将图像和文本内嵌在页面中心完美居中答案

【问题标题】：how to center perfectly image and text inline in the center of page如何将图像和文本内嵌在页面中心完美居中
【发布时间】：2015-04-08 11:31:33
【问题描述】：

如何使图像和文本在容器中间完美居中？

我的任务是将徽标和版权文本在页脚侧居中，水平完美。请分享您对类似任务的 CSS 经验。

提前谢谢你！

【问题讨论】：

发布您的代码并提供一个小提琴。会更容易回答..
见：How to create a Minimal, Complete, and Verifiable example。
我没有具体的代码...等一下，我会添加一种示例
你是用bootstrap还是pure？
边距：0 自动；创建两行：一行带有图像，另一行带有文本..但我希望文本和图像内联...

标签： html css image text center

【解决方案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;
    }

【讨论】：

很高兴见到你.. :)

【解决方案2】：

只需将您想要居中的内容创建一个 div，然后在 css 中执行以下操作：

margin:0;

【讨论】：