読者です 読者をやめる 読者になる 読者になる

1カラムレイアウトの練習で学んだこと

text-indent

f:id:retail:20150327225241p:plain

f:id:retail:20150327225306p:plain

2枚目の画像の1行目が1文字左側にずれました。

text-indent : -1em;

を使うことにより1行目を1文字分左にずらしています。

text-indent: 1em;

だと右側に1文字分ずれます。

画像の横並び

<p class="center"><img src="~~" alt="~~"><img src="--" alt="--"></p>

とやると真ん中に画像が2つ横並びになります。