画像を回り込ませずに縦2列に並べるには
どうしたらよいでしょうか?
floatを使うと画像が回り込んでしまいます。
よろしくお願いいたします。
HTML
1<div class="center"> 2 <div class= "left"> 3 <li><img src="sample.jpg"></li> 4 <li><img src="sample.jpg"></li> 5 <li><img src="sample.jpg"></li> 6 </div> 7 <li><img src="sample.jpg"></li> 8 <li><img src="sample.jpg"></li> 9 <li><img src="sample.jpg"></li> 10 <li><img src="sample.jpg"></li> 11 <li><img src="sample.jpg"></li> 12 <li><img src="sample.jpg"></li> 13</div> 14
CSS
1.center { 2 margin: 0px auto; 3 } 4 5.center img{ 6 width: 300px; 7 padding: 30px; 8 } 9 10.left { 11 float: left; 12 }
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。