CSSを使用してテキストと画像を水平に整列する方法

Question

テキストとイメージを互いに整列させようとしています。私は右のイメージと左のテキストが必要です。今、私はその後、私のCSSコードで私は一般的には両方のCSSとプログラミングに新たなんだ、と

figure#title { align: center } 

を持って、「タイトル」のIDを持つフィギュアコンテナ内のテキストと画像の両方を持っています私は他の投稿が何を言っているのか、私は何をすべきか理解していません。

おかげ

Answer 1

あなたは、インライン要素（spanタグ内のテキスト）を使用して、テキスト整列センターを使用する必要があります。

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/