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

text-indent

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

text-indent : -1em;

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

text-indent: 1em;

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

画像の横並び

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

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