文字色も決まったので、文字の余白を調整します。
他の部分との余白は、marginとpaddingで調整するのですが、領域の外に余白を作るのか内に作るのかの違いが有ります。
margin: 10px;と書くと領域外で余白を作ります。
padding: 10px;と書くと領域内で余白を作るので、線で囲う時に綺麗に見えます。
10pxを5pxにすれば狭くなりますし、20pxにすると広くなりますのでお好みで。^^b
[0回]
通常は、領域内の文字の間隔を調整する必要は無いと思いますが、フォントの種類や大きさによっては、行間が詰まってしまう事が有ります。
こんな時は、line-height で行間を広げてやると見やすくなります。
line-height : 120%;と書くと
この位広がりますので、お好みでline-height の%を調整してください。<(_ _)> ぺこ
PR