{"id":319,"date":"2013-09-04T03:44:00","date_gmt":"2013-09-04T03:44:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/09\/04\/cach-dung-margin-va-padding-trong-css\/"},"modified":"2013-09-04T03:44:00","modified_gmt":"2013-09-04T03:44:00","slug":"cach-dung-margin-va-padding-trong-css","status":"publish","type":"post","link":"https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/","title":{"rendered":"C\u00e1ch d\u00f9ng margin v\u00e0 padding trong CSS"},"content":{"rendered":"\n<p>Hai thu\u1ed9c t\u00ednh CSS \u0111\u01a1n gi\u1ea3n nh\u01b0ng \u1ea3nh h\u01b0\u1edfng r\u1ea5t m\u1ea1nh \u0111\u1ebfn th\u1ea9m m\u1ef9 c\u1ee7a trang l\u00e0 <code>margin<\/code> v\u00e0 <code>padding<\/code>. <\/p>\n\n\n\n<p>Ch\u00fang quan tr\u1ecdng b\u1edfi v\u00ec b\u1ea1n s\u1ebd kh\u00f4ng th\u1ec3 t\u00ecm th\u1ea5y b\u1ea5t k\u1ef3 trang web n\u00e0o m\u00e0 l\u1ea1i kh\u00f4ng c\u00f3 l\u1ec1, kh\u00f4ng c\u00f3 \u0111\u1ec7m.<\/p>\n\n\n\n<p>L\u1ec1 v\u00e0 kho\u1ea3ng \u0111\u1ec7m ch\u1ec9 l\u00e0 c\u00e1c kho\u1ea3ng tr\u1ed1ng, nh\u01b0ng kh\u00f4ng c\u00f3 n\u00f3 c\u00e1c th\u1ebb s\u1ebd d\u00ednh li\u1ec1n v\u00e0o nhau t\u1ea1o ra kh\u00f4ng gian tr\u00f4ng ng\u1ed9t ng\u1ea1t v\u00e0 kh\u00f3 coi. <\/p>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 v\u00ed d\u1ee5 v\u1ec1 m\u1ed9t \u0111o\u1ea1n HTML kh\u00f4ng c\u00f3 margin v\u00e0 padding:<\/p>\n\n\n\n<div style=\"border: 2px solid #ccc; height: 156px; margin: 0px; padding: 0px;\"><img decoding=\"async\" style=\"float: left;\" src=\"\/wp-content\/uploads\/2021\/02\/anh-mau.png\">\u0110\u00e2y l\u00e0 v\u0103n b\u1ea3n minh h\u1ecda, n\u00f3 kh\u00f4ng c\u00f3 \u00fd ngh\u0129a g\u00ec \u0111\u1eb7c bi\u1ec7t v\u00e0 b\u1ea1n kh\u00f4ng c\u1ea7n quan t\u00e2m \u0111\u1ebfn n\u00f3.<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y b\u1ee9c \u1ea3nh v\u00e0 v\u0103n b\u1ea3n minh h\u1ecda kh\u00f4ng h\u1ec1 c\u00f3 kho\u1ea3ng c\u00e1ch n\u00e0o, th\u00eam v\u00e0o \u0111\u00f3 c\u00e1i h\u1ed9p c\u00f3 vi\u1ec1n m\u00e0u x\u00e1m v\u00e0 n\u1ed9i dung b\u00ean trong n\u00f3 c\u0169ng kh\u00f4ng h\u1ec1 c\u00f3 kho\u1ea3ng \u0111\u1ec7m. <\/p>\n\n\n\n<p>V\u00e0 r\u00f5 r\u00e0ng n\u1ebfu n\u00f3 \u0111\u01b0\u1ee3c s\u1eafp x\u1ebfp nh\u01b0 b\u00ean d\u01b0\u1edbi th\u00ec s\u1ebd d\u1ec5 coi h\u01a1n r\u1ea5t nhi\u1ec1u:<\/p>\n\n\n\n<div style=\"border: 2px solid #ccc; height: 156px; padding: 7px;\"><img decoding=\"async\" style=\"float: left; margin-right: 10px;\" src=\"\/wp-content\/uploads\/2021\/02\/anh-mau.png\">\u0110\u00e2y l\u00e0 v\u0103n b\u1ea3n minh h\u1ecda, n\u00f3 kh\u00f4ng c\u00f3 \u00fd ngh\u0129a g\u00ec \u0111\u1eb7c bi\u1ec7t v\u00e0 b\u1ea1n kh\u00f4ng c\u1ea7n quan t\u00e2m \u0111\u1ebfn n\u00f3.<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Ch\u00fang ta ch\u1ec9 th\u00eam v\u00e0o nh\u1eefng kho\u1ea3ng tr\u1ed1ng gi\u1eefa c\u00e1c n\u1ed9i dung ngo\u00e0i ra kh\u00f4ng th\u00eam g\u00ec kh\u00e1c &#8211; nh\u01b0ng kh\u00e1c bi\u1ec7t th\u1eadt l\u00e0 l\u1edbn.<\/p>\n\n\n\n<p>D\u00f2ng code t\u00f4i th\u00eam v\u00e0o r\u1ea5t \u0111\u01a1n gi\u1ea3n:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>padding: 7px;\nmargin: 10px;<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Margin l\u00e0 kho\u1ea3ng c\u00e1ch gi\u1eefa th\u1ebb \u0111\u00f3 v\u00e0 c\u00e1c th\u1ebb b\u00ean c\u1ea1nh kh\u00e1c, c\u00f2n padding l\u00e0 kho\u1ea3ng c\u00e1ch t\u1eeb n\u1ed9i dung c\u1ee7a ch\u00ednh th\u1ebb \u0111\u00f3 v\u00e0 <a href=\"https:\/\/kiencang.net\/cach-su-dung-duong-vien-border-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0111\u01b0\u1eddng vi\u1ec1n<\/a> (border) c\u1ee7a n\u00f3. Do v\u1eady \u0111\u1ec3 t\u1ea1o kho\u1ea3ng c\u00e1ch cho ph\u1ea7n v\u0103n b\u1ea3n v\u1edbi b\u1ee9c \u1ea3nh, t\u00f4i vi\u1ebft:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>img {margin-right:10px;}<\/code><\/pre>\n\n\n\n<p>T\u1ee9c l\u00e0 t\u00f4i b\u00e1o v\u1edbi tr\u00ecnh duy\u1ec7t \u0111\u1ec3 l\u1ec1 b\u00ean ph\u1ea3i c\u1ee7a b\u1ee9c \u1ea3nh l\u00e0 10px.<\/p>\n\n\n\n<p>C\u00f2n v\u1edbi h\u1ed9p c\u00f3 vi\u1ec1n m\u00e0u x\u00e1m, v\u00ec \u1ea3nh v\u00e0 n\u1ed9i dung n\u1eb1m trong h\u1ed9p \u0111\u00f3 n\u00ean ch\u00fang ta d\u00f9ng padding \u0111\u1ec3 l\u00e0m kho\u1ea3ng \u0111\u1ec7m, c\u00e2u l\u1ec7nh c\u1ee5 th\u1ec3 l\u00e0:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div {padding:7px;}<\/code><\/pre>\n\n\n\n<p>D\u00f2ng l\u1ec7nh tr\u00ean th\u00f4ng b\u00e1o v\u1edbi tr\u00ecnh duy\u1ec7t r\u1eb1ng, h\u00e3y \u0111\u1ec3 n\u1ed9i dung trong h\u1ed9p c\u00e1ch \u0111\u01b0\u1eddng vi\u1ec1n 7px.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">B\u1ed1n ph\u00eda c\u1ee7a l\u1ec1 v\u00e0 kho\u1ea3ng \u0111\u1ec7m<\/h2>\n\n\n\n<p>L\u1ec1 v\u00e0 kho\u1ea3ng \u0111\u1ec7m \u0111\u1ec1u c\u00f3 4 ph\u00eda, khi ch\u00fang ta khai b\u00e1o margin ho\u1eb7c padding m\u00e0 kh\u00f4ng c\u00f3 t\u1eeb kh\u00f3a n\u00e0o th\u00eam v\u00e0o th\u00ec m\u1eb7c \u0111\u1ecbnh l\u1ec1 v\u00e0 kho\u1ea3ng \u0111\u1ec7m s\u1ebd \u00e1p d\u1ee5ng cho c\u1ea3 4 ph\u00eda l\u00e0: tr\u00ean, ph\u1ea3i, d\u01b0\u1edbi v\u00e0 tr\u00e1i. V\u00ed d\u1ee5<em> <\/em><code>padding: 7px<\/code> th\u00ec c\u00f3 ngh\u0129a l\u00e0 kho\u1ea3ng \u0111\u1ec7m s\u1ebd l\u00e0 7px \u1edf c\u1ea3 4 ph\u00eda.<\/p>\n\n\n\n<p>Khi ch\u00fang ta th\u00eam m\u1ed9t t\u1eeb kh\u00f3a bao g\u1ed3m: <i>top, right, bottom, left (tr\u00ean, ph\u1ea3i, d\u01b0\u1edbi, tr\u00e1i)<\/i> n\u00f3 s\u1ebd \u0111\u01b0\u1ee3c ch\u1ec9 th\u1ecb c\u1ee5 th\u1ec3 l\u1ec1 ho\u1eb7c kho\u1ea3ng \u0111\u1ec7m ph\u00eda n\u00e0o c\u00f3 kho\u1ea3ng c\u00e1ch l\u00e0 bao nhi\u00eau. <\/p>\n\n\n\n<p>Ch\u00ednh trong v\u00ed d\u1ee5 tr\u00ean ta \u0111\u00e3 s\u1eed d\u1ee5ng<i><code> <em><code>margin-right<\/code><\/em><\/code><\/i> \u0111\u1ec3 ch\u1ec9 th\u1ecb l\u1ec1 b\u00ean ph\u1ea3i. Gi\u1edd n\u1ebfu t\u00f4i mu\u1ed1n ch\u1ec9 th\u1ecb kho\u1ea3ng \u0111\u1ec7m \u1edf ph\u00eda d\u01b0\u1edbi l\u00e0 9px ch\u1eb3ng h\u1ea1n, t\u00f4i s\u1ebd ph\u1ea3i d\u00f9ng l\u1ec7nh <i><code>padding-bottom: 9px;<\/code><\/i><br><i><br><\/i>C\u1ee5 th\u1ec3, t\u00f4i li\u1ec7t k\u00ea \u0111\u1ea7y \u0111\u1ee7 t\u00ean v\u00e0 t\u00e1c d\u1ee5ng c\u1ee7a t\u1eebng l\u1ec7nh:<\/p>\n\n\n\n<ul><li>margin-top: l\u1ec1 b\u00ean tr\u00ean;<\/li><li>padding-top: \u0111\u1ec7m b\u00ean tr\u00ean;<\/li><li>margin-right: l\u1ec1 b\u00ean ph\u1ea3i;<\/li><li>padding-right: \u0111\u1ec7m b\u00ean ph\u1ea3i;<\/li><li>margin-bottom: l\u1ec1 b\u00ean d\u01b0\u1edbi;<\/li><li>padding-bottom: \u0111\u1ec7m b\u00ean d\u01b0\u1edbi;<\/li><li>margin-left: l\u1ec1 b\u00ean tr\u00e1i;<\/li><li>padding-left: \u0111\u1ec7m b\u00ean tr\u00e1i;<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Vi\u1ebft t\u1eaft khi s\u1eed d\u1ee5ng margin v\u00e0 padding<\/h2>\n\n\n\n<p>N\u1ebfu b\u1ea1n mu\u1ed1n quy \u0111\u1ecbnh l\u1ec1 tr\u00ean 7px, l\u1ec1 ph\u1ea3i 6px, l\u1ec1 d\u01b0\u1edbi 8px, l\u1ec1 tr\u00e1i 9px c\u1ee7a \u1ea3nh th\u00ec m\u1ed9t c\u00e1ch \u0111\u1ea7y \u0111\u1ee7 nh\u01b0ng d\u00e0i d\u00f2ng b\u1ea1n s\u1ebd ph\u1ea3i vi\u1ebft nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>img {margin-top:7px; margin-right:6px; margin-bottom:8px; margin-left:9px;}<\/code><\/pre>\n\n\n\n<p>Nh\u01b0ng CSS cho ph\u00e9p ch\u00fang ta vi\u1ebft t\u1eaft l\u1ea1i r\u1ea5t \u0111\u01a1n gi\u1ea3n m\u00e0 v\u1eabn cho k\u1ebft qu\u1ea3 t\u01b0\u01a1ng \u0111\u01b0\u01a1ng:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>img {margin: 7px 6px 8px 9px;}<\/code><\/pre>\n\n\n\n<p>R\u00f5 r\u00e0ng l\u00e0 ng\u1eafn h\u01a1n r\u1ea5t nhi\u1ec1u, nh\u01b0ng ch\u00fang ta c\u1ea7n ph\u1ea3i nh\u1edb l\u00e0 kh\u00f4ng c\u00f3 d\u1ea5u ch\u1ea5m ph\u1ea9y n\u00e0o gi\u1eefa c\u00e1c gi\u00e1 tr\u1ecb &#8211; ngo\u00e0i ra m\u1ed9t \u0111i\u1ec1u r\u1ea5t quan tr\u1ecdng l\u00e0 theo th\u1ee9 t\u1ef1 m\u1eb7c \u0111\u1ecbnh n\u00f3 s\u1ebd l\u1ea5y <i>gi\u00e1 tr\u1ecb \u0111\u1ea7u ti\u00ean \u00e1p d\u1ee5ng cho top, gi\u00e1 tr\u1ecb th\u1ee9 hai cho right, th\u1ee9 ba cho bottom v\u00e0 cu\u1ed1i c\u00f9ng cho left<\/i>. \u0110\u1ec3 d\u1ec5 nh\u1edb b\u1ea1n h\u00e3y ngh\u0129 \u0111\u1ebfn c\u00e1ch di chuy\u1ec3n c\u1ee7a kim \u0111\u1ed3ng h\u1ed3 b\u1eaft \u0111\u1ea7u t\u1eeb v\u1ecb tr\u00ed s\u1ed1 12.<\/p>\n\n\n\n<p>N\u1ebfu b\u1ea1n ch\u1ec9 vi\u1ebft:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{margin: 12px 10px}<\/code><\/pre>\n\n\n\n<p>Th\u00ec b\u1ea1n \u0111ang thi\u1ebft l\u1eadp cho top l\u00e0 12px v\u00e0 right l\u00e0 10px, c\u00e1c ph\u1ea7n c\u00f2n l\u1ea1i b\u1ecb thi\u1ebfu l\u00e0 bottom v\u00e0 left s\u1ebd nh\u01b0 n\u00e0o? <\/p>\n\n\n\n<p>N\u00f3 kh\u00f4ng ph\u1ea3i l\u00e0 0px m\u00e0 s\u1ebd l\u1ea5y \u0111\u1ed1i x\u1ee9ng l\u00e0 gi\u00e1 tr\u1ecb, \u0111\u1ed1i x\u1ee9ng v\u1edbi top l\u00e0 bottom, \u0111\u1ed1i x\u1ee9ng v\u1edbi right l\u00e0 left. Do v\u1eady bottom c\u00f3 gi\u00e1 tr\u1ecb 12px, left l\u00e0 10px.<\/p>\n\n\n\n<p>N\u00f3i m\u1ed9t c\u00e1ch kh\u00e1c thay v\u00ec vi\u1ebft:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{margin: 12px 10px 12px 10px}<\/code><\/pre>\n\n\n\n<p>B\u1ea1n ch\u1ec9 ph\u1ea3i vi\u1ebft:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{margin: 12px 10px}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">V\u1ea5n \u0111\u1ec1 gia t\u0103ng k\u00edch th\u01b0\u1edbc th\u1ebb div khi s\u1eed d\u1ee5ng padding<\/h2>\n\n\n\n<p>C\u00e2u chuy\u1ec7n n\u00e0y t\u00f4i \u0111\u00e3 n\u00f3i kh\u00e1 chi ti\u1ebft trong b\u00e0i <a href=\"https:\/\/kiencang.net\/mo-hinh-hop-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00f4 h\u00ecnh h\u1ed9p c\u1ee7a CSS<\/a>, nh\u01b0ng n\u00f3 r\u1ea5t quan tr\u1ecdng n\u00ean t\u00f4i v\u1eabn nh\u1eafc l\u1ea1i&#8230;Khi b\u1ea1n \u0111\u1eb7t padding cho th\u1ebb div, k\u00edch th\u01b0\u1edbc c\u1ee7a n\u00f3 s\u1ebd gia t\u0103ng, ch\u1eb3ng h\u1ea1n, h\u1ed9p div c\u00f3 chi\u1ec1u cao 200px, chi\u1ec1u r\u1ed9ng 300px, n\u1ebfu b\u1ea1n \u0111\u1ec3 padding l\u00e0 10px th\u00ec chi\u1ec1u cao c\u1ee7a div s\u1ebd chuy\u1ec3n th\u00e0nh 220px, chi\u1ec1u r\u1ed9ng 320px.<\/p>\n\n\n\n<div style=\"border: 2px solid red; height:auto; width: 300px;\">Th\u1ebb div n\u00e0y kh\u00f4ng c\u00f3 padding, c\u00e1c ch\u1eef d\u00ednh li\u1ec1n v\u00e0o \u0111\u01b0\u1eddng vi\u1ec1n c\u1ee7a h\u1ed9p.<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div style=\"border: 2px solid red; height:auto; padding: 10px; width: 300px;\">Th\u1ebb div n\u00e0y c\u00f3 padding l\u00e0 10px &#8211; do v\u1eady m\u1eb7c d\u00f9 v\u1eabn \u0111\u1ec3 width v\u00e0 height nh\u01b0 c\u0169 nh\u01b0ng div n\u00e0y \u0111\u00e3 gia t\u0103ng k\u00edch c\u1ee1 m\u1ed7i chi\u1ec1u l\u00ean 20px (10px * 2)<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Ngo\u00e0i padding, m\u1ed9t thu\u1ed9c t\u00ednh kh\u00e1c c\u0169ng l\u00e0m gia t\u0103ng k\u00edch th\u01b0\u1edbc c\u1ee7a th\u1ebb div, \u0111\u00f3 l\u00e0 <a href=\"https:\/\/kiencang.net\/cach-su-dung-duong-vien-border-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0111\u01b0\u1eddng vi\u1ec1n border<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hai thu\u1ed9c t\u00ednh CSS \u0111\u01a1n gi\u1ea3n nh\u01b0ng \u1ea3nh h\u01b0\u1edfng r\u1ea5t m\u1ea1nh \u0111\u1ebfn th\u1ea9m m\u1ef9 c\u1ee7a trang l\u00e0 margin v\u00e0 padding. Ch\u00fang quan tr\u1ecdng b\u1edfi v\u00ec b\u1ea1n s\u1ebd kh\u00f4ng th\u1ec3 t\u00ecm th\u1ea5y b\u1ea5t k\u1ef3 trang web n\u00e0o m\u00e0 l\u1ea1i kh\u00f4ng c\u00f3 l\u1ec1, kh\u00f4ng c\u00f3 \u0111\u1ec7m. L\u1ec1 v\u00e0 kho\u1ea3ng \u0111\u1ec7m ch\u1ec9 l\u00e0 c\u00e1c kho\u1ea3ng tr\u1ed1ng, nh\u01b0ng kh\u00f4ng &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00e1ch d\u00f9ng margin v\u00e0 padding trong CSS &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00e1ch d\u00f9ng margin v\u00e0 padding trong CSS &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Hai thu\u1ed9c t\u00ednh CSS \u0111\u01a1n gi\u1ea3n nh\u01b0ng \u1ea3nh h\u01b0\u1edfng r\u1ea5t m\u1ea1nh \u0111\u1ebfn th\u1ea9m m\u1ef9 c\u1ee7a trang l\u00e0 margin v\u00e0 padding. Ch\u00fang quan tr\u1ecdng b\u1edfi v\u00ec b\u1ea1n s\u1ebd kh\u00f4ng th\u1ec3 t\u00ecm th\u1ea5y b\u1ea5t k\u1ef3 trang web n\u00e0o m\u00e0 l\u1ea1i kh\u00f4ng c\u00f3 l\u1ec1, kh\u00f4ng c\u00f3 \u0111\u1ec7m. L\u1ec1 v\u00e0 kho\u1ea3ng \u0111\u1ec7m ch\u1ec9 l\u00e0 c\u00e1c kho\u1ea3ng tr\u1ed1ng, nh\u01b0ng kh\u00f4ng &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-04T03:44:00+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00e1ch d\u00f9ng margin v\u00e0 padding trong CSS &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00e1ch d\u00f9ng margin v\u00e0 padding trong CSS &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Hai thu\u1ed9c t\u00ednh CSS \u0111\u01a1n gi\u1ea3n nh\u01b0ng \u1ea3nh h\u01b0\u1edfng r\u1ea5t m\u1ea1nh \u0111\u1ebfn th\u1ea9m m\u1ef9 c\u1ee7a trang l\u00e0 margin v\u00e0 padding. Ch\u00fang quan tr\u1ecdng b\u1edfi v\u00ec b\u1ea1n s\u1ebd kh\u00f4ng th\u1ec3 t\u00ecm th\u1ea5y b\u1ea5t k\u1ef3 trang web n\u00e0o m\u00e0 l\u1ea1i kh\u00f4ng c\u00f3 l\u1ec1, kh\u00f4ng c\u00f3 \u0111\u1ec7m. L\u1ec1 v\u00e0 kho\u1ea3ng \u0111\u1ec7m ch\u1ec9 l\u00e0 c\u00e1c kho\u1ea3ng tr\u1ed1ng, nh\u01b0ng kh\u00f4ng &hellip;","og_url":"https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-09-04T03:44:00+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"5 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/","url":"https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/","name":"C\u00e1ch d\u00f9ng margin v\u00e0 padding trong CSS &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-09-04T03:44:00+00:00","dateModified":"2013-09-04T03:44:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"C\u00e1ch d\u00f9ng margin v\u00e0 padding trong CSS"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/319"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=319"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/319\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}