marginとpaddingはセットで設定する

preタグでソースコードを説明しているのですが、説明の記事とソースタグとの隙間が狭くて読みにくいです。
読みやすいように
margin（外側余白）を[上下][左右]について　margin：15px 0px;　と設定し、
padding(内側余白）を[上下左右]について　   padding：15px;　と設定します
するとこのようなかんじにゆとりが出て、読みやすくなりました。最後にmarginとpaddingについてまとめてみます。
[上][右][下][左]の順番で余白を指定します

margin:15px 10px 5px 10px;

というふうに書きます
paddingについても同じ書き方ですが左右同じ場合や上下だけ指定するときなどややこしいですが一応のルールがあります
[上下][左右]が同じであれば

margin:10px 5px;

などのようにまとめることも出来ます。