Maaaring nakakalito ang mga margin at padding dahil, sa ilang paraan, parang pareho ang mga ito: puting espasyo sa paligid ng isang imahe o bagay. Narito ang kailangan mong malaman bilang isang web designer tungkol sa kanilang mga pagkakaiba.
Padding
Ang Padding ay ang espasyo sa pagitan ng larawan o mga nilalaman ng cell at sa labas ng hangganan nito. Sa larawan sa ibaba, ang padding ay ang dilaw na lugar sa paligid ng nilalaman. Sa kasong ito, ang padding ay ganap na napupunta sa paligid ng mga nilalaman: itaas, ibaba, kanan, at kaliwang bahagi. Maaari mong tukuyin kung magkano ang padding (sa porsyento, mga pixel, puntos, atbp.) para sa bawat panig, at hindi kailangang magkapareho ang mga ito. Sa ganitong paraan, maaari mong iposisyon ang nilalaman sa loob ng isang elemento.
Margins
Sa kabaligtaran, ang mga margin ay ang mga puwang sa labas ng hangganan ng isang elemento, sa pagitan ng elemento at anumang nasa tabi nito. Sa larawan, ang margin ay ang puting lugar sa labas ng buong bagay. Tulad ng padding, ang margin ay ganap na pumapalibot sa mga nilalaman sa halimbawang ito: sa itaas, ibaba, kanan, at kaliwang bahagi. Maaari kang gumamit ng mga margin upang iposisyon ang mga div at iba pang elemento sa isang page.
Palaging subukan ang iyong mga page sa iba't ibang browser, operating system (kabilang ang mobile), at laki ng screen upang matiyak na eksaktong ipinapakita ang mga ito sa gusto mo.
