スタイルシート(CSS)について、教えてください。
添付の画像のように、各要素を配置するには
どのようにすれば良いでしょうか？
ブラウザ間（IE, Firefox, Chrome)で
大きな誤差がでないような、設定を希望します。
どうぞよろしうお願いします。
No.1
60
25
60pt
こんな感じでいかがでしょうか？
画像をもとにbox-a，box-bを設定したので、幅ピクセルは調整し直してください。
マージンなどの設定も画像にあわせて目測です。
任意のものに置き換えてください。
67
62
<html>
<head>
<style tyle"text/css">
div#box-a {
width: 500px;
height: 500px;
border: 1px solid;
text-align: center;
}
div#box-b {
width: 400px;
height: 300px;
border: 1px solid;
margin: 30 auto;
}
img.image {
display:block;
margin: 30 auto;
text-align: center;
}
p {
width: 300px;
height: 100px;
border: 1px solid;
margin: 10 auto;
padding: 5;
text-align: left;
}
</style>
</head>
<body>
<div id="box-a">
<div id="box-b">
<img class="image" src="hoge.jpg" width="300" height="50"/>
<p>texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttext
texttexttexttext
texttexttexttext
texttexttexttexttexttexttext
texttexttexttexttexttexttexttexttex
texttexttexttexttexttexttexttexttext</p>
</div>
</div>
</body>
</html>
1
1
2
2
コメント（0件)