スタイルシートについて教えてください。


ボックスがあります。

ボックスの中に配置された画像等は、ボックスの中央に表示して、
ボックスの中に配置されたテキストは、ボックスの中央に表示するのですが、文字は左揃えで表示。、
どのようにすればよいでしょうか?

主要なブラウザの最新版で、できる限り
同じように表示することが条件です。

回答をいただくか、わかりやすく説明しているサイトを
教えていただければと思います。

色々と試すのですが、なかなか上手くできません。
また、Firefox とIEで、表示のされ方がかなりずれが出てしまいます。

回答の条件
  • URL必須
  • 1人2回まで
  • 13歳以上
  • 登録:2011/02/22 12:53:12
  • 終了:2011/02/22 16:22:35

回答(1件)

id:Galapagos No.1

Galapagos回答回数963ベストアンサー獲得回数892011/02/22 14:17:31

ポイント60pt

「ボックスの中に配置されたテキストは、ボックスの中央に表示するのですが、文字は左揃えで表示」というのは、「ボックスの中に配置されたテキストは左揃えで表示」のタイプミスですよね?

こんな感じでどうでしょう。

<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プロパティ

id:supermaster

回答ありがとうございます。

質問がわかりづらかったかもしれません。

再度、改めて、別途質問いたしますので、回答いただけると助かります。

2011/02/22 16:22:20

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません