マージン，パディング，ボーダー，縁取りの設定
プログラムも一種の文章です．従って，よほど特殊な事情がない限り，読みやすく，理解しやすいことが，プログラムにとって最も重要な要素となります．もちろん，誤りさえなければ，読みやすい，読みにくいに関わらず，プログラムは正しく実行されます．しかし，プログラムを実行するのはコンピュータであっても，プログラムを書いたり，誤りを修正したりするのは人間です．読みやすいプログラムを書くことにより，その内容を他人に説明することが容易になると共に，まず，自分自身が誤りを犯しにくくなります．
プログラムをどのように書けば読みやすいかということに対する明確な定義があるわけではありません．しかし，経験的に，「プログラム全体，主要な変数・引数の説明（ 1～5 行目）や，プログラムの各部分に対する説明（ 12～14 行目等）を必ず入れる」「一つのプログラムは，せいぜい，50～100 行程度以内にする」「機能ブロック毎に字下げを行う」「一つの行に複数の文を書かない」「読み易さを考えて適当にスペースを入れる」「C/C++ で記述可能だからといって，あまり凝った表現を使用しない」などの規則を守って書くと良いと思います．もちろん，個人的な好みの問題もありますので，自分自身でも適当に工夫してみて下さい．左の図では，padding 及び margin-right が 20px に設定されています．
プログラムも一種の文章です．従って，よほど特殊な事情がない限り，読みやすく，理解しやすいことが，プログラムにとって最も重要な要素となります．もちろん，誤りさえなければ，読みやすい，読みにくいに関わらず，プログラムは正しく実行されます．しかし，プログラムを実行するのはコンピュータであっても，プログラムを書いたり，誤りを修正したりするのは人間です．読みやすいプログラムを書くことにより，その内容を他人に説明することが容易になると共に，まず，自分自身が誤りを犯しにくくなります．
プログラムをどのように書けば読みやすいかということに対する明確な定義があるわけではありません．しかし，経験的に，「プログラム全体，主要な変数・引数の説明（ 1～5 行目）や，プログラムの各部分に対する説明（ 12～14 行目等）を必ず入れる」「一つのプログラムは，せいぜい，50～100 行程度以内にする」「機能ブロック毎に字下げを行う」「一つの行に複数の文を書かない」「読み易さを考えて適当にスペースを入れる」「C/C++ で記述可能だからといって，あまり凝った表現を使用しない」などの規則を守って書くと良いと思います．もちろん，個人的な好みの問題もありますので，自分自身でも適当に工夫してみて下さい．左の図では，padding 及び margin-right は設定されていませんが，ピンクの outline が設定されています．