横並びブロックのマージンを調節

<div> <ul> <li><img src="image/001.jpg" alt="サンプル画像1" width="150" height="100" /></li> <li><img src="image/002.jpg" alt="サンプル画像2" width="150" height="100" /></li> <li><img src="image/003.jpg" alt="サンプル画像3" width="150" height="100" /></li> </ul> </div> div{ width: 470px; border:2px solid #F33; } div ul { width: 480px; margin-right: -10px; overflow: hidden; _zoom: 1; } div ul li { float: left; margin-right: 10px; }

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.