### 前提・実現したいこと CSSで画像の上に文字を表示させたいです。 ### 発生している問題・エラーメッセージ調べて親要素に「position:relative」子要素に「position: absolute」と記載すれば良いことまでわかりましたが、うまく反映されず、子要素のテキストが他のクラスに重なっている？状態です。 ![イメージ説明](0494d87706725254cb05a27cf3bbc516.png) ### 該当のソースコード ```HTML デイトラ

1日1題30日で
プロのWebエンジニアになろう！

毎日設定された課題をこなすだけ！
未経験から30日でプログラミングスキルが身につきます。

デイトラとは

デイトラとは、無料で、迷わず、楽しく学べるプログラミング学習アプリです。毎日設定された課題をこなしていくだけで、未経験から30日でプログラミングスキルが身につきます。 1日1題30日でプロのWebエンジニアを目指しましょう！

コース一覧

HTML / CSS / Bootstrap

HTML / CSS / JavaScript / jQuery

PHP / WordPress

お問い合わせ

さあ今日から30日間を始めよう！

``` ```CSS body { width: 100%; margin-left: auto; margin-right: auto; background-color: antiquewhite; } header { height: 48px; text-align: center; display: flex; line-height: 48px; } header h1 { font-size: 24px; font-weight: bold; padding-left: 10%; } header ul { font-weight: bold; margin-left: 35%; display: flex; } header ul li { padding-right: 45px; } .info { position:relative } .text { position: absolute; } .info img { width: 100%; } ``` ### 試したこと親要素と子要素を見直したり、子要素にdivでクラス名をつけてみたりしましたが解決せずでした。お力を貸していただけると幸いです。よろしくお願いいたします。

1日1題30日でプロのWebエンジニアになろう！

デイトラとは

コース一覧

お問い合わせ

1日1題30日で
プロのWebエンジニアになろう！

	@@ -1,1 +1,1 @@
1	- 画像の上に文字を表示させたい
1	+ [HTML/CSS]画像の上に文字を表示させたい

質問編集履歴