{"id":9660,"date":"2026-01-10T00:11:36","date_gmt":"2026-01-09T16:11:36","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/"},"modified":"2026-01-10T00:11:36","modified_gmt":"2026-01-09T16:11:36","slug":"how-to-avoid-numbered-item-render-out-of-elements-border","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/","title":{"rendered":"Como evitar que os itens numerados sejam renderizados fora da borda do elemento"},"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>Os itens numerados desempenham um papel ubiquit\u00e1rio em nossos designs e trabalhos. Como recurso padr\u00e3o, eles podem \u00e0s vezes apresentar desafios t\u00e9cnicos, como se estenderem al\u00e9m das bordas dos nossos elementos. Neste artigo, guiaremos voc\u00ea por alguns passos simples para corrigir esse problema em <a href=\"https:\/\/online.visual-paradigm.com\/\">Visual Paradigm Online<\/a> e garantir que seus itens numerados permane\u00e7am bem dentro dos limites designados.<\/p>\n<h2>Evite que os itens numerados sejam renderizados fora da borda do elemento<\/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>Quando h\u00e1 mais de 10 itens numerados, esses itens podem se sobrepor ou at\u00e9 ultrapassar a borda esquerda da forma. Podemos resolver isso ajustando o espa\u00e7amento dentro da caixa de texto.<\/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>Selecione o texto, v\u00e1 para o Painel de Configura\u00e7\u00f5es. Podemos encontrar um espa\u00e7amento sob Configura\u00e7\u00f5es de Texto. Como os itens numerados agora est\u00e3o se sobrepondo \u00e0 borda esquerda, precisamos definir o Espa\u00e7amento Esquerdo aqui. Por exemplo, podemos definir o espa\u00e7amento como 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>Podemos ent\u00e3o verificar que todos os itens numerados est\u00e3o dentro da borda do texto.<\/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>Sobre o Visual Paradigm Online<\/h2>\n<p>Visual Paradigm Online \u00e9 uma ferramenta de design vers\u00e1til e profissional que se destaca por suas s\u00f3lidas capacidades de diagrama\u00e7\u00e3o. Seja voc\u00ea um designer experiente ou apenas iniciando, o Visual Paradigm Online oferece uma interface intuitiva que torna a cria\u00e7\u00e3o de diagramas f\u00e1cil. Com uma ampla variedade de modelos \u00e0 sua disposi\u00e7\u00e3o, voc\u00ea pode iniciar seus projetos com facilidade, seja criando fluxogramas, mapas mentais ou organogramas.<\/p>\n<p>O que diferencia o Visual Paradigm Online \u00e9 sua abordagem amig\u00e1vel para tarefas complexas de diagrama\u00e7\u00e3o. Voc\u00ea n\u00e3o precisa ser um especialista em design para produzir diagramas elegantes e profissionais. A interface intuitiva com arrastar e soltar permite que voc\u00ea organize elementos e conectores com facilidade, permitindo que se concentre em suas ideias em vez de lidar com intricadas quest\u00f5es t\u00e9cnicas. Al\u00e9m disso, com uma ampla gama de op\u00e7\u00f5es de personaliza\u00e7\u00e3o dispon\u00edveis, voc\u00ea pode adaptar seus diagramas \u00e0s suas necessidades espec\u00edficas e prefer\u00eancias est\u00e9ticas.<\/p>\n<p>Mas o Visual Paradigm Online n\u00e3o se limita apenas \u00e0 diagrama\u00e7\u00e3o. Al\u00e9m de seus s\u00f3lidos recursos de design, a plataforma oferece uma suite de outras ferramentas \u00fateis para aprimorar seus projetos criativos. Desde <a href=\"https:\/\/online.visual-paradigm.com\/flipbook-maker\/\">flipbook<\/a> e <a href=\"https:\/\/online.visual-paradigm.com\/powerpoint-web-viewer\/\">apresenta\u00e7\u00e3o<\/a> at\u00e9 criadores de flipbook e diversas ferramentas de colabora\u00e7\u00e3o e apresenta\u00e7\u00e3o, o Visual Paradigm Online oferece uma solu\u00e7\u00e3o abrangente para todas as suas necessidades de design e comunica\u00e7\u00e3o. Explore toda a gama de recursos e libere sua criatividade com o Visual Paradigm Online hoje!<\/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>Os itens numerados desempenham um papel ubiquit\u00e1rio em nossos designs e trabalhos. Como recurso padr\u00e3o, eles podem \u00e0s vezes apresentar desafios t\u00e9cnicos, como se estenderem al\u00e9m das bordas dos nossos elementos. Neste artigo, guiaremos voc\u00ea por alguns passos simples para corrigir esse problema em Visual Paradigm Online e garantir que seus itens numerados permane\u00e7am bem [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":9661,"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-9660","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>Como evitar que os itens numerados sejam renderizados fora da borda do elemento - 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\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como evitar que os itens numerados sejam renderizados fora da borda do elemento - 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\/pt\/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:36+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=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpwing\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/\",\"name\":\"Como evitar que os itens numerados sejam renderizados fora da borda do elemento - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\",\"datePublished\":\"2026-01-09T16:11:36+00:00\",\"dateModified\":\"2026-01-09T16:11:36+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/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\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/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\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como evitar que os itens numerados sejam renderizados fora da borda do elemento\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/c07f4ea62484ed2b45048b497319b5e6\",\"name\":\"vpwing\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/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\/pt\/author\/vpwing\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como evitar que os itens numerados sejam renderizados fora da borda do elemento - 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\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/","og_locale":"pt_PT","og_type":"article","og_title":"Como evitar que os itens numerados sejam renderizados fora da borda do elemento - 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\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-01-09T16:11:36+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":{"Escrito por":"vpwing","Tempo estimado de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/","url":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/","name":"Como evitar que os itens numerados sejam renderizados fora da borda do elemento - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png","datePublished":"2026-01-09T16:11:36+00:00","dateModified":"2026-01-09T16:11:36+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/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\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/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\/pt\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Como evitar que os itens numerados sejam renderizados fora da borda do elemento"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website","url":"https:\/\/blog.visual-paradigm.com\/pt\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/c07f4ea62484ed2b45048b497319b5e6","name":"vpwing","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/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\/pt\/author\/vpwing\/"}]}},"modified_by":"vpwing","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/9660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/comments?post=9660"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/9660\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media\/9661"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=9660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/categories?post=9660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/tags?post=9660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}