ボックスがあります。
ボックスの中に配置された画像等は、ボックスの中央に表示して、
ボックスの中に配置されたテキストは、ボックスの中央に表示するのですが、文字は左揃えで表示。、
どのようにすればよいでしょうか?
主要なブラウザの最新版で、できる限り
同じように表示することが条件です。
回答をいただくか、わかりやすく説明しているサイトを
教えていただければと思います。
色々と試すのですが、なかなか上手くできません。
また、Firefox とIEで、表示のされ方がかなりずれが出てしまいます。
「ボックスの中に配置されたテキストは、ボックスの中央に表示するのですが、文字は左揃えで表示」というのは、「ボックスの中に配置されたテキストは左揃えで表示」のタイプミスですよね?
こんな感じでどうでしょう。
<html> <head> <style tyle"text/css"> div.hogebox { width: 500px; height: 500px; border: 1px solid; text-align: left; } img.image { display:block; margin: 0 auto; text-align: center; } </style> </head> <body> <div class="hogebox"> hogehoge<br /> <img class="image" src="hoge.jpg" /><br /> hogehoge<br /> </div> </body> </html>
参考「displayプロパティ」
回答ありがとうございます。
質問がわかりづらかったかもしれません。
再度、改めて、別途質問いたしますので、回答いただけると助かります。