如何使用 CSS 水平对齐文本和图像答案

【问题标题】：How to align text and an image horizontally using CSS如何使用 CSS 水平对齐文本和图像
【发布时间】：2016-10-13 00:45:16
【问题描述】：

我正在尝试将文本和图像彼此相邻但居中对齐。我需要右侧的图像和左侧的文本。现在，我在 ID 为“title”的图形容器中同时拥有文本和图像，然后在我的 CSS 代码中拥有

figure#title { align: center }

我对 css 和一般编程都是新手，我不明白其他帖子在说什么，或者我应该做什么。

谢谢

【问题讨论】：

标签： html css

【解决方案1】：

您应该使用内联元素（span 标签中的文本），然后使用 text-align center。

HTML

<figure id="title">
   <span> 
     Text goes here.
   </span>
   <img src="image path" />
</figure>

CSS

figure#title {
  text-align: center;
}

【讨论】：