# リストのcss装飾

この左画面を左クリックすれば以下の緑字のスクリプト全部がクリップボードにコピーされるので、右の画面の緑の矢印の右側で選択したところに貼り付けてください。

    ul.thumbnail {
    	margin: 0 0 0 25px;
    	padding: 0;
    	list-style: none;
    }
    ul.thumbnail li {
    	float: left;
    	width: 80px;
    	height: 140px;
    	text-align: center;
    }
    li img {
    	vertical-align: top;
    }

では「制御」→「実行」メニューを実行してください。
アイコン画像が横に並びました。
ulのlist-style: noneで「・」を消します。
liのfloat: leftで改行せずに左寄りに並びます。

### 次へ