HTML：CSSメモ

Last-modified: 2013-12-31 (火) 22:34:46 (3762d)

Top / HTML：CSSメモ

HTML：CSSメモ †

調べたことを忘れないように

左右中央に配置
```
margin: 0 auto;
```

左右中央に配置して、下を20px空ける
```
margin: 0 auto;
margin-bottom: 20px;
```

画像を中央寄席
```
img{
	display:block;
	margin: 0 auto;
}
```

フロートで右寄せ
```
float: right;
```

一定幅を越えたら「…」でテキストを切る

.targetText {
	display:inline-block;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

参考URL

https://developer.mozilla.org/ja/docs/Web/CSS/text-overflow

角を丸にする

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;