Aşağıda basit bir kutu görülmektedir :
<html> <head> <style> div{ margin-left:50px; margin-right:20px; margin-top:100px; margin-bottom:40px; padding-left:40px; padding-right:50px; padding-top:20px; padding-bottom:30px; background:red; } </style> </head> <body> <div>Bu yazı div içine koyulmuştur. ve box modeli ile box'un çevresinden uzaklıkları ve yazının box'un border'ından uzaklıkları ayarlanmaktadır.</div> </body> </html>
Kutunun dışarısı ile soldan 50 px , sağdan 20 px , üssten 100 px , alttan 40 px'lik uzaklığı olacaktır. Kutunun kenarı ile içeriği arasında ise soldan 40 px , sağdan 50 px , üstten 20 px ve alltan 30 px'lik bir mesafe olacaktır. Kutunun arkaplan rengi kırmızı olacaktır.