下記のコードで表示するものを中央寄せにしたいのですがどうすればいいのでしょうか?
centerタグで囲ってもなぜか無理でした
HTML
1<!doctype html> 2<html> 3<head> 4 <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 5 <meta charset="utf-8"> 6 <title></title> 7 <style> 8 body{ 9 margin: 0; 10 padding: 0; 11 height: 2000px; 12 } 13 14 .menu{ 15 float: left; 16 margin-left: 10px; 17 } 18 19 .box{ 20 clear: both; 21 padding: 0; 22 margin:0; 23 height: 242px; 24 } 25 26 #img1{ background: url('img/topImg1.png') no-repeat; } 27 #img2{ background: url('img/topImg2.png') no-repeat; } 28 #img3{ background: url('img/topImg3.png') no-repeat; } 29 30 </style> 31</head> 32<body> 33 <!--メニューバー--> 34 <div class="menu" id="sample1"><a href="#">Sample1</a></div> 35 <div class="menu" id="sample2"><a href="#">Sample2</a></div> 36 <div class="menu" id="sample3"><a href="#">Sample3</a></div> 37 38 <!--画像格納--> 39 <div class="box" id="img1"></div> 40 <div class="box" id="img2"></div> 41 <div class="box" id="img3"></div> 42 43<script> 44 45 46</script> 47</body> 48 49</html>
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。