左右中央揃え CSS

- 1 要素の中央揃え

HTML例

<div class="center"><img src="test.jpg"></div>

CSS例

margin: 0 auto;

width: 300px;

または

position: relative;

left: 50%;

-webkit-transform: translateX(-50%);

width: 300px;

- 2 要素内の中央揃え

HTML例

<div class="center">テスト</div>

CSS例

text-align: center;