リスト横並び

by jyoze

HTML

<ul>
	<li><img src="http://placehold.jp/cc9999/333333/200x200.png"></li>
	<li><img src="http://placehold.jp/9999cc/333333/200x200.png"></li>
	<li><img src="http://placehold.jp/cc9999/333333/200x200.png"></li>
</ul>

SCSS

ul {
	width: 640px;
	margin: auto;
	letter-spacing: -.4em;
	li {
		display: inline-block;
		margin-right: 20px;
		letter-spacing: normal;
		&:last-child {
			margin-right: 0;
		}
	}
}