Page 981 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 通常モードに戻る ┃ INDEX ┃ ≪前へ │ 次へ≫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▼画像の下の文について ゆ 05/3/28(月) 18:00 ┗Re:画像の下の文について カヅサツ 05/3/28(月) 18:26 ─────────────────────────────────────── ■題名 : 画像の下の文について ■名前 : ゆ ■日付 : 05/3/28(月) 18:00 -------------------------------------------------------------------------
こんばんは。 質問させて頂きます。 画像をページの中心に表示して、その下に文を左寄せで表示させるには どうすればいいのでしょうか? 文だけではわかりにくいので… ____ | │ | 画像 │ │ │ │____│ 文〜〜〜 〜〜〜〜 〜〜〜〜 ということです。 果たしてこんなことができるのかも疑問ですが; お答え下る方よろしくお願いします。 |
画像の親要素のブロックの text-align を center にすればセンタリングされます。 ほとんどのブロック要素は、特に指定しなければ、多くのブラウザは左寄せされるはずです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja" dir="ltr"> <head> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <meta http-equiv="content-script-type" content="text/javascript"> <meta http-equiv="content-style-type" content="text/css"> <title></title> <style type="text/css"> p.decoration{ text-align: center; } </style> </head> <body> <p class="decoration"><img src="" alt=""></p> <p>文</p> </body> </html> |