左寄せを中央に表示できますか？
左寄せを中央に表示できますか？
現在ホームページを作成しています。
画面で表示させると全体が左寄せで表示されています。
画面を開いたら添付の画像のようにグレーの画像を真ん中にくるよう表示させたいのですが、出来ますか？
よろしくお願いします。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>安心</title>
<meta name="keyword" content="," />
<meta name="discription" content="" />
<link rel="stylesheet" type="text/css" href="styles.css" media="all" />
</head>
<body>
<div id="top_main">
<div class="title_top">
<div id="sub_title">
<img src="images/main_top_left.jpg" width="484" height="609" alt="サブ" />
</div>
<div id="main_title">
<img src="images/main_top.jpg" width="900" height="322" alt="メイン" />
</div>
<div id="sub_title_b">
<img src="images/main_top_right.jpg" width="532" height="609" alt="サブ" />
</div>
</div>
</div>
</body>
</html>
/* reset css */
html,body,div,h1,h2,h4,h5,h6,p,a,span,em,storng,table,tr,td,th,dl,dd,dt,object,embed,ul,li,ol,img{
margin : 0;
padding : 0;
/* font-family:Helvetica, "MS Pゴシック", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", serif;*/
}
a img{border : none;}
div#top_main{
width:auto;
}
div.title_top{
width:2000px;
margin:0px auto;
}
div#main_title{
width:900px;
height:382px;
position:relative;
margin:0px auto;
margin-top:0px;
float:left;
}
div#sub_title{
width:484px;
height:609px;
position:relative;
margin-top:0px;
float:left;
}
div#sub_title_b{
width:532px;
height:609px;
position:relative;
margin-top:0px;
float:left;
}
お礼
お礼が大変遅くなり申し訳ありません。 助かりました。 ありがとうございました。