ページレイアウトとCSS

旅行記のページを一部更新しました。
最近CSSで文字の大きさや行間を指定する方法をちょこっとマスターしたのでさっそくあちこちをCSSで直し始めました。
ビフォアー&アフター

htmlでは、文字の大きさはある程度指定できても行間は指定できません。
そのため、ぎちぎちにつまった行間になってしまいます。
仕事柄、これがすっごい気になる(笑)
画像の右側がhtmlで文字の大きさのみ小さめの「2」に指定してある文面です。
画像の左側がCSSで文字を14ポイント、行間20ポイントに指定した文面です。断然読みやすくて見た目もスッキリ♪
今回修正したページは旅行記の「ヨーロッパ33日間 鉄道の旅(卒業旅行記)」です。
過去のページ(記録)をいじると、ついつい読み込んでしまってはかどりません(^^;)
誤字脱字や文章の稚拙さも気になるところですが、この辺はおいおい編集し用と思っています(宿題)

コメント

タイトルとURLをコピーしました