2列の並んだ画像を中央寄せしたいです。
divでくくって
display:inline
text-alignをcenterにしたり、
display:block
margin:0 auto;にしたりしてみても、
左にぴったりと寄ってしまいます。
どうするとうまくいきますでしょうか?
よろしくお願い致します。
センター揃えに成功しました、ありがとうございました。
現行次の画像のようになっておりまして、
画像の上部を揃えたいのですがどうするとよいでしょうか?
HTML
1 <div class="works_bottom"> 2 <div class="left"> 3 <img src="sample.jpg"> 4 <img src="sample.jpg"> 5 <img src="sample.jpg"> 6 <img src="sample.jpg"> 7 <img src="sample.jpg"> 8 </div> 9 10 <div class="right"> 11 <img src="sample.jpg"> 12 <img src="sample.jpg"> 13 <img src="sample.jpg"> 14 <img src="sample.jpg"> 15 <img src="sample.jpg"> 16 </div> 17 </div>
CSS
1 2 .works_bottom { 3 display: inline; 4 text-align: center; 5 } 6 7 .works_bottom img{ 8 display: block; 9 width: 420px; 10 padding: 10px; 11 margin-left: 170px; 12 } 13 14 .img-left > img { 15 margin-left: 0; 16 } 17 18 .img-left { 19 float: left; 20 } 21 22 .img-right{ 23 float:left; 24 } 25 26 .img-right img{ 27 margin-left:60px; 28 }
回答1件
あなたの回答
tips
プレビュー