{"id":10753,"date":"2026-01-10T00:11:37","date_gmt":"2026-01-09T16:11:37","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/"},"modified":"2026-01-10T00:11:37","modified_gmt":"2026-01-09T16:11:37","slug":"how-to-avoid-numbered-item-render-out-of-elements-border","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/","title":{"rendered":"L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00e1nh vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 ngo\u00e0i bi\u00ean c\u1ee7a ph\u1ea7n t\u1eed"},"content":{"rendered":"<p><img alt=\"\" class=\"alignnone wp-image-22886\" decoding=\"async\" height=\"289\" loading=\"lazy\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png 465w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border-300x243.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border-150x121.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border-400x323.png 400w\" width=\"358\"\/><\/p>\n<p>C\u00e1c m\u1ee5c c\u00f3 s\u1ed1 \u0111\u00f3ng vai tr\u00f2 ph\u1ed5 bi\u1ebfn trong thi\u1ebft k\u1ebf v\u00e0 c\u00f4ng vi\u1ec7c c\u1ee7a ch\u00fang t\u00f4i. L\u00e0 m\u1ed9t t\u00ednh n\u0103ng m\u1eb7c \u0111\u1ecbnh, ch\u00fang \u0111\u00f4i khi g\u00e2y ra c\u00e1c th\u00e1ch th\u1ee9c k\u1ef9 thu\u1eadt, ch\u1eb3ng h\u1ea1n nh\u01b0 k\u00e9o d\u00e0i v\u01b0\u1ee3t qu\u00e1 bi\u00ean c\u1ee7a c\u00e1c ph\u1ea7n t\u1eed c\u1ee7a ch\u00fang t\u00f4i. Trong b\u00e0i vi\u1ebft n\u00e0y, ch\u00fang t\u00f4i s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n qua m\u1ed9t v\u00e0i b\u01b0\u1edbc \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 kh\u1eafc ph\u1ee5c v\u1ea5n \u0111\u1ec1 n\u00e0y trong<a href=\"https:\/\/online.visual-paradigm.com\/\">Visual Paradigm Online<\/a>v\u00e0 \u0111\u1ea3m b\u1ea3o c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 c\u1ee7a b\u1ea1n lu\u00f4n n\u1eb1m g\u1ecdn g\u00e0ng b\u00ean trong ranh gi\u1edbi \u0111\u01b0\u1ee3c ch\u1ec9 \u0111\u1ecbnh.<\/p>\n<h2>Tr\u00e1nh vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 ngo\u00e0i bi\u00ean c\u1ee7a ph\u1ea7n t\u1eed<\/h2>\n<div class=\"epyt-video-wrapper\"><iframe allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"__youtube_prefs__ epyt-is-override no-lazyload\" data-no-lazy=\"1\" data-origheight=\"551\" data-origwidth=\"980\" data-skipgform_ajax_framebjll=\"\" height=\"551\" id=\"_ytid_75198\" loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/IXltOAyRh24?enablejsapi=1&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=0&amp;rel=1&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;\" title=\"YouTube player\" width=\"980\"><\/iframe><\/div>\n<p>Khi c\u00f3 nhi\u1ec1u h\u01a1n 10 m\u1ee5c c\u00f3 s\u1ed1, c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 c\u00f3 th\u1ec3 b\u1ecb ch\u1ed3ng l\u1ea5n ho\u1eb7c th\u1eadm ch\u00ed n\u1eb1m ngo\u00e0i bi\u00ean tr\u00e1i c\u1ee7a h\u00ecnh d\u1ea1ng. Ch\u00fang ta c\u00f3 th\u1ec3 gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 n\u00e0y b\u1eb1ng c\u00e1ch \u0111i\u1ec1u ch\u1ec9nh kho\u1ea3ng c\u00e1ch b\u00ean trong khung v\u0103n b\u1ea3n.<\/p>\n<p id=\"yCVgzNC\"><img alt=\"\" class=\"alignnone wp-image-22879\" decoding=\"async\" height=\"334\" loading=\"lazy\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603b9677662c.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603b9677662c.png 1039w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603b9677662c-300x167.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603b9677662c-1030x572.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603b9677662c-768x427.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603b9677662c-150x83.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603b9677662c-400x222.png 400w\" width=\"601\"\/><\/p>\n<p>Ch\u1ecdn v\u0103n b\u1ea3n, chuy\u1ec3n \u0111\u1ebfn b\u1ea3ng c\u00e0i \u0111\u1eb7t. Ch\u00fang ta c\u00f3 th\u1ec3 t\u00ecm th\u1ea5y kho\u1ea3ng c\u00e1ch d\u01b0\u1edbi ph\u1ea7n C\u00e0i \u0111\u1eb7t v\u0103n b\u1ea3n. V\u00ec c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 hi\u1ec7n \u0111ang b\u1ecb ch\u1ed3ng l\u00ean bi\u00ean tr\u00e1i, n\u00ean ch\u00fang ta c\u1ea7n thi\u1ebft l\u1eadp Kho\u1ea3ng c\u00e1ch b\u00ean tr\u00e1i \u1edf \u0111\u00e2y. V\u00ed d\u1ee5, ch\u00fang ta c\u00f3 th\u1ec3 \u0111\u1eb7t kho\u1ea3ng c\u00e1ch l\u00e0 30 pt.<\/p>\n<p><img alt=\"\" class=\"alignnone wp-image-22880\" decoding=\"async\" height=\"516\" loading=\"lazy\" sizes=\"auto, (max-width: 726px) 100vw, 726px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/spacing-under-text-setting.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/spacing-under-text-setting.png 4492w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/spacing-under-text-setting-300x213.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/spacing-under-text-setting-1030x732.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/spacing-under-text-setting-768x546.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/spacing-under-text-setting-1536x1092.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/spacing-under-text-setting-2048x1456.png 2048w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/spacing-under-text-setting-150x107.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/spacing-under-text-setting-400x284.png 400w\" width=\"726\"\/><\/p>\n<p>Sau \u0111\u00f3, ch\u00fang ta s\u1ebd th\u1ea5y r\u1eb1ng t\u1ea5t c\u1ea3 c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 \u0111\u1ec1u n\u1eb1m b\u00ean trong bi\u00ean v\u0103n b\u1ea3n.<\/p>\n<p id=\"KLuCeaJ\"><img alt=\"\" class=\"alignnone wp-image-22881\" decoding=\"async\" height=\"281\" loading=\"lazy\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bb751c1a6.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bb751c1a6.png 1005w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bb751c1a6-300x100.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bb751c1a6-768x257.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bb751c1a6-150x50.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bb751c1a6-400x134.png 400w\" width=\"840\"\/><\/p>\n<h2>Gi\u1edbi thi\u1ec7u v\u1ec1 Visual Paradigm Online<\/h2>\n<p>Visual Paradigm Online l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 thi\u1ebft k\u1ebf linh ho\u1ea1t v\u00e0 chuy\u00ean nghi\u1ec7p n\u1ed5i b\u1eadt nh\u1edd kh\u1ea3 n\u0103ng v\u1ebd s\u01a1 \u0111\u1ed3 m\u1ea1nh m\u1ebd. D\u00f9 b\u1ea1n l\u00e0 m\u1ed9t nh\u00e0 thi\u1ebft k\u1ebf c\u00f3 kinh nghi\u1ec7m hay m\u1edbi b\u1eaft \u0111\u1ea7u, Visual Paradigm Online cung c\u1ea5p giao di\u1ec7n tr\u1ef1c quan gi\u00fap t\u1ea1o s\u01a1 \u0111\u1ed3 tr\u1edf n\u00ean d\u1ec5 d\u00e0ng. V\u1edbi v\u00f4 s\u1ed1 m\u1eabu c\u00f3 s\u1eb5n, b\u1ea1n c\u00f3 th\u1ec3 b\u1eaft \u0111\u1ea7u d\u1ef1 \u00e1n c\u1ee7a m\u00ecnh m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng, d\u00f9 \u0111ang t\u1ea1o s\u01a1 \u0111\u1ed3 lu\u1ed3ng, b\u1ea3n \u0111\u1ed3 t\u01b0 duy hay s\u01a1 \u0111\u1ed3 t\u1ed5 ch\u1ee9c.<\/p>\n<p>\u0110i\u1ec1u l\u00e0m n\u00ean s\u1ef1 kh\u00e1c bi\u1ec7t c\u1ee7a Visual Paradigm Online l\u00e0 c\u00e1ch ti\u1ebfp c\u1eadn th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi d\u00f9ng \u0111\u1ed1i v\u1edbi c\u00e1c nhi\u1ec7m v\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 ph\u1ee9c t\u1ea1p. B\u1ea1n kh\u00f4ng c\u1ea7n l\u00e0 chuy\u00ean gia thi\u1ebft k\u1ebf \u0111\u1ec3 t\u1ea1o ra c\u00e1c s\u01a1 \u0111\u1ed3 ho\u00e0n ch\u1ec9nh v\u00e0 chuy\u00ean nghi\u1ec7p. Giao di\u1ec7n k\u00e9o v\u00e0 th\u1ea3 tr\u1ef1c quan c\u1ee7a c\u00f4ng c\u1ee5 gi\u00fap b\u1ea1n s\u1eafp x\u1ebfp c\u00e1c y\u1ebfu t\u1ed1 v\u00e0 k\u1ebft n\u1ed1i m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng, gi\u00fap b\u1ea1n t\u1eadp trung v\u00e0o \u00fd t\u01b0\u1edfng thay v\u00ec ph\u1ea3i \u0111\u1ed1i m\u1eb7t v\u1edbi c\u00e1c chi ti\u1ebft k\u1ef9 thu\u1eadt ph\u1ee9c t\u1ea1p. H\u01a1n n\u1eefa, v\u1edbi v\u00f4 s\u1ed1 t\u00f9y ch\u1ecdn t\u00f9y ch\u1ec9nh c\u00f3 s\u1eb5n, b\u1ea1n c\u00f3 th\u1ec3 \u0111i\u1ec1u ch\u1ec9nh s\u01a1 \u0111\u1ed3 theo nhu c\u1ea7u c\u1ee5 th\u1ec3 v\u00e0 s\u1edf th\u00edch th\u1ea9m m\u1ef9 c\u1ee7a m\u00ecnh.<\/p>\n<p>Nh\u01b0ng Visual Paradigm Online kh\u00f4ng ch\u1ec9 gi\u1edbi h\u1ea1n \u1edf v\u1ebd s\u01a1 \u0111\u1ed3. Ngo\u00e0i c\u00e1c t\u00ednh n\u0103ng thi\u1ebft k\u1ebf m\u1ea1nh m\u1ebd, n\u1ec1n t\u1ea3ng n\u00e0y c\u00f2n cung c\u1ea5p m\u1ed9t b\u1ed9 c\u00f4ng c\u1ee5 h\u1eefu \u00edch kh\u00e1c \u0111\u1ec3 n\u00e2ng cao c\u00e1c d\u1ef1 \u00e1n s\u00e1ng t\u1ea1o c\u1ee7a b\u1ea1n. T\u1eeb<a href=\"https:\/\/online.visual-paradigm.com\/flipbook-maker\/\">s\u00e1ch flipbook<\/a>v\u00e0<a href=\"https:\/\/online.visual-paradigm.com\/powerpoint-web-viewer\/\">b\u1ea3n tr\u00ecnh chi\u1ebfu<\/a>c\u00e1c c\u00f4ng c\u1ee5 t\u1ea1o b\u1ea3n tr\u00ecnh chi\u1ebfu \u0111\u1ebfn c\u00e1c c\u00f4ng c\u1ee5 h\u1ee3p t\u00e1c v\u00e0 tr\u00ecnh b\u00e0y \u0111a d\u1ea1ng, Visual Paradigm Online cung c\u1ea5p gi\u1ea3i ph\u00e1p to\u00e0n di\u1ec7n cho m\u1ecdi nhu c\u1ea7u thi\u1ebft k\u1ebf v\u00e0 giao ti\u1ebfp c\u1ee7a b\u1ea1n. Kh\u00e1m ph\u00e1 \u0111\u1ea7y \u0111\u1ee7 c\u00e1c t\u00ednh n\u0103ng v\u00e0 b\u1ed9c l\u1ed9 s\u00e1ng t\u1ea1o c\u1ee7a b\u1ea1n ngay h\u00f4m nay v\u1edbi Visual Paradigm Online!<\/p>\n<p id=\"XEPAJCx\"><img alt=\"\" class=\"alignnone wp-image-22884\" decoding=\"async\" height=\"382\" loading=\"lazy\" sizes=\"auto, (max-width: 831px) 100vw, 831px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bd0008a8d.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bd0008a8d.png 1146w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bd0008a8d-300x138.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bd0008a8d-1030x474.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bd0008a8d-768x353.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bd0008a8d-150x69.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/img_6603bd0008a8d-400x184.png 400w\" width=\"831\"\/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>C\u00e1c m\u1ee5c c\u00f3 s\u1ed1 \u0111\u00f3ng vai tr\u00f2 ph\u1ed5 bi\u1ebfn trong thi\u1ebft k\u1ebf v\u00e0 c\u00f4ng vi\u1ec7c c\u1ee7a ch\u00fang t\u00f4i. L\u00e0 m\u1ed9t t\u00ednh n\u0103ng m\u1eb7c \u0111\u1ecbnh, ch\u00fang \u0111\u00f4i khi g\u00e2y ra c\u00e1c th\u00e1ch th\u1ee9c k\u1ef9 thu\u1eadt, ch\u1eb3ng h\u1ea1n nh\u01b0 k\u00e9o d\u00e0i v\u01b0\u1ee3t qu\u00e1 bi\u00ean c\u1ee7a c\u00e1c ph\u1ea7n t\u1eed c\u1ee7a ch\u00fang t\u00f4i. Trong b\u00e0i vi\u1ebft n\u00e0y, ch\u00fang t\u00f4i [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":10754,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[43,42],"tags":[],"class_list":["post-10753","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design","category-online-diagram","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00e1nh vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 ngo\u00e0i bi\u00ean c\u1ee7a ph\u1ea7n t\u1eed - Visual Paradigm Blog<\/title>\n<meta name=\"description\" content=\"Numbered items play a ubiquitous role in our designs and work. Customize the spacing to fit the element&#039;s border and design in VP Online!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00e1nh vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 ngo\u00e0i bi\u00ean c\u1ee7a ph\u1ea7n t\u1eed - Visual Paradigm Blog\" \/>\n<meta property=\"og:description\" content=\"Numbered items play a ubiquitous role in our designs and work. Customize the spacing to fit the element&#039;s border and design in VP Online!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-09T16:11:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\" \/><meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\" \/>\n\t<meta property=\"og:image:width\" content=\"465\" \/>\n\t<meta property=\"og:image:height\" content=\"376\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"vpwing\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpwing\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/\",\"name\":\"L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00e1nh vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 ngo\u00e0i bi\u00ean c\u1ee7a ph\u1ea7n t\u1eed - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\",\"datePublished\":\"2026-01-09T16:11:37+00:00\",\"dateModified\":\"2026-01-09T16:11:37+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/c07f4ea62484ed2b45048b497319b5e6\"},\"description\":\"Numbered items play a ubiquitous role in our designs and work. Customize the spacing to fit the element's border and design in VP Online!\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\",\"width\":465,\"height\":376},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00e1nh vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 ngo\u00e0i bi\u00ean c\u1ee7a ph\u1ea7n t\u1eed\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/vn\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/c07f4ea62484ed2b45048b497319b5e6\",\"name\":\"vpwing\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bb01b223d7553fc808e19e5097a6c173?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bb01b223d7553fc808e19e5097a6c173?s=96&d=mm&r=g\",\"caption\":\"vpwing\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/vn\/author\/vpwing\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00e1nh vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 ngo\u00e0i bi\u00ean c\u1ee7a ph\u1ea7n t\u1eed - Visual Paradigm Blog","description":"Numbered items play a ubiquitous role in our designs and work. Customize the spacing to fit the element's border and design in VP Online!","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:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/","og_locale":"vi_VN","og_type":"article","og_title":"L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00e1nh vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 ngo\u00e0i bi\u00ean c\u1ee7a ph\u1ea7n t\u1eed - Visual Paradigm Blog","og_description":"Numbered items play a ubiquitous role in our designs and work. Customize the spacing to fit the element's border and design in VP Online!","og_url":"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-01-09T16:11:37+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png","type":"","width":"","height":""},{"width":465,"height":376,"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png","type":"image\/png"}],"author":"vpwing","twitter_card":"summary_large_image","twitter_image":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2024\/03\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"vpwing","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/","url":"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/","name":"L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00e1nh vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 ngo\u00e0i bi\u00ean c\u1ee7a ph\u1ea7n t\u1eed - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png","datePublished":"2026-01-09T16:11:37+00:00","dateModified":"2026-01-09T16:11:37+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/c07f4ea62484ed2b45048b497319b5e6"},"description":"Numbered items play a ubiquitous role in our designs and work. Customize the spacing to fit the element's border and design in VP Online!","breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png","width":465,"height":376},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/vn\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/vn\/"},{"@type":"ListItem","position":2,"name":"L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00e1nh vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ee5c c\u00f3 s\u1ed1 ngo\u00e0i bi\u00ean c\u1ee7a ph\u1ea7n t\u1eed"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/vn\/#website","url":"https:\/\/blog.visual-paradigm.com\/vn\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/c07f4ea62484ed2b45048b497319b5e6","name":"vpwing","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/blog.visual-paradigm.com\/vn\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bb01b223d7553fc808e19e5097a6c173?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb01b223d7553fc808e19e5097a6c173?s=96&d=mm&r=g","caption":"vpwing"},"url":"https:\/\/blog.visual-paradigm.com\/vn\/author\/vpwing\/"}]}},"modified_by":"vpwing","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts\/10753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/comments?post=10753"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts\/10753\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media\/10754"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media?parent=10753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/categories?post=10753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/tags?post=10753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}