質問: 作成しているHTMLページ内の画像の真下にキャプションを挿入したいです。 挿入するキャプションですが、条件として、以下の二点をクリアしている必要があります。 1ページの説明文1,2より文字サイズが小さい。 2画像のサイズに合わせてキャプションの文字が改行されている。 HTML内の記述 ``` ・ ・ ・ ここに画像のキャプションが入ります。 ページの説明文1 ページの説明文2 ``` キャプション自体は挿入できましたが、最初に記載している1,2の条件をクリアできていません。 分かりにくい文で恐縮ですが、ご教示いただけないでしょうか。 よろしくお願い致します。
回答: ちょっと乱暴かもですが、例えば画像が絶対に260px幅の場合 画像側`class="left"`内に`div`を追加し、その横幅を260pxに指定する。 その中の`p`の文字サイズを 0.9emに指定する。 `class="box_cmn"`と`class="right"`と`class="cnt_flm_grn560_body clearfix_h0"`の`div`を仮定で閉じてこんな感じです。 ``` ここに画像のキャプションが入ります。ここに画像のキャプションが入ります。 ページの説明文1 ページの説明文2 ``` ``` .left div{ width:260px; } .left div p{ font-size: .9em; } ``` 一応サンプル CSSの指定の仕方、読み込み方はこの辺を CSSはどこに書く?外部CSSファイルの読み込み方&インラインでの書き方 CSSそのものについてはこの辺を HTMLクイックリファレンス-CSSとは