画像の上に文字を重ねたいが、position: relativeなどの配置場所が見当たらない

Question

前提・実現したいこと

画像上に文字を重ねて、SEO対策？にもなるようにしたいのですが。。

発生している問題・エラーメッセー

GOOGLE Chromの右クリックで検証をおすと、HTML、CSSなどの記述場所にはいくけど、
プロパティを指定する場所にたどりつけない。
 position: relative;と入れるといいのは分かりましたが。。
どの部分に入れればいいか分からず記述でいない。

助けてください。。。


### 該当のソースコード

```ここに言語名を入力
ソースコード

試したこと

GOOGLE Chrom　でView Image　Infoというソフトをダウンロードして、入力でいる場所をみつけようとしたけど、思ったような場所にはたどりつけませんせした

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[yoshinavi]

問題が発生している各コードを提示されると、良いかと思います。

どのようなコードで問題が発生しているのか、分からないと回答が出来ません。

Answer 1

画像上に文字を重ねて、SEO対策？にもなるようにしたいのですが。。

一般的には、なりません。

Answer 2

<figure>
  <img src="http://placehold.jp/150x150.png" alt="">
  <figcaption>重ねたい文字</figcaption>
</figure>

figure {
  position: relative;
}

figcaption {
  position: absolute;
  /* 以下の数値を変えると場所が変わる */
  top: 20px;
  left: 25px;
}

Comments

[mamit]

返信ありがとうございます(^^)
HTMLとCSSを、どの位置に入れたらいいかもよく分からないんです(>_<)

[m.ts10806]

横から失礼します。
「どこにどう入れたいか」はアプリの仕様なので作る人が決めることです。