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

时间:2016-10-12 15:56:43

标签: html css

我试图将文字和图像对齐,但是居中。我需要右边的图像和左边的文字。现在,我将文本和图像都放在一个ID为' title'的数字容器中,然后在我的CSS代码中我有

figure#title { align: center }

我对css和编程都很陌生,而且我不明白其他帖子在说什么,或者我应该做什么。

由于

1 个答案:

答案 0 :(得分:0)

您应该使用内联元素(span标记中的文本),然后使用text-align center。

HTML

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

CSS

figure#title {
  text-align: center;
}

https://jsfiddle.net/cw7aky5v/4/