CSSのお勉強 Padding

余白設定。

文字周りの空きを調整してくれる機能だと思います。四方、個別に設定できるので、便利です。

四方にPadding:10px

左 Padding:10px

右 Padding:10px

上 Padding:10px

下  Padding:10px

四方に設定

こんな感じ

四方にPadding:10px

コードはこちら

左のみ設定

左 Padding:10px

小見出しに使えますね。

コードはこちら

右のみ設定

右 Padding:10px

こんな感じ

コードはこちら

上のみ設定

上 Padding:10px

こんな感じ

コードはこちら

下のみ設定

こんな感じ

下  Padding:10px

コードはこちら