{"id":9504,"date":"2026-01-10T00:11:39","date_gmt":"2026-01-09T16:11:39","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/"},"modified":"2026-01-10T00:11:39","modified_gmt":"2026-01-09T16:11:39","slug":"how-to-avoid-numbered-item-render-out-of-elements-border","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/","title":{"rendered":"So vermeiden Sie, dass nummerierte Elemente au\u00dferhalb der Grenze des Elements gerendert werden"},"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>Nummerierte Elemente spielen in unseren Gestaltungen und Arbeiten eine allgegenw\u00e4rtige Rolle. Als Standardfunktion k\u00f6nnen sie manchmal technische Herausforderungen darstellen, wie zum Beispiel das \u00dcbergriffen \u00fcber die Grenzen unserer Elemente. In diesem Artikel f\u00fchren wir Sie durch einige einfache Schritte, um dieses Problem in <a href=\"https:\/\/online.visual-paradigm.com\/\">Visual Paradigm Online<\/a> und stellen sicher, dass Ihre nummerierten Elemente ordentlich innerhalb ihrer vorgesehenen Grenzen bleiben.<\/p>\n<h2>Vermeiden Sie, dass nummerierte Elemente au\u00dferhalb der Grenze des Elements gerendert werden<\/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>Wenn es mehr als 10 nummerierte Elemente gibt, k\u00f6nnen diese sich \u00fcberlappen oder sogar au\u00dferhalb der linken Grenze der Form liegen. Dies k\u00f6nnen wir l\u00f6sen, indem wir den Abstand innerhalb des Textfeldes anpassen.<\/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>W\u00e4hlen Sie den Text aus und gehen Sie zum Einstellungsfeld. Unter Texteinstellungen finden Sie einen Abstand. Da die nummerierten Elemente nun die linke Grenze \u00fcberlappen, m\u00fcssen wir hier den linken Abstand einstellen. Zum Beispiel k\u00f6nnen wir den Abstand auf 30 pt einstellen.<\/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>Man kann dann feststellen, dass alle nummerierten Elemente innerhalb der Textgrenze liegen.<\/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>\u00dcber Visual Paradigm Online<\/h2>\n<p>Visual Paradigm Online ist ein vielseitiges und professionelles Gestaltungstool, das sich durch seine leistungsstarken Diagrammfunktionen auszeichnet. Egal, ob Sie ein erfahrener Designer sind oder gerade erst anfangen: Visual Paradigm Online bietet eine intuitive Oberfl\u00e4che, die das Erstellen von Diagrammen leicht macht. Mit einer F\u00fclle von Vorlagen zur Verf\u00fcgung k\u00f6nnen Sie Ihre Projekte problemlos starten, egal ob Sie Flussdiagramme, Mindmaps oder Organigramme erstellen.<\/p>\n<p>Was Visual Paradigm Online von anderen unterscheidet, ist seine benutzerfreundliche Herangehensweise an komplexe Diagrammerstellungsaufgaben. Sie m\u00fcssen kein Designexperte sein, um professionelle und ansprechende Diagramme zu erstellen. Die intuitive Drag-and-Drop-Oberfl\u00e4che erm\u00f6glicht es Ihnen, Elemente und Verbindungen m\u00fchelos anzuordnen, sodass Sie sich auf Ihre Ideen konzentrieren k\u00f6nnen, anstatt sich mit technischen Details herumzuschlagen. Au\u00dferdem bietet die Plattform eine Vielzahl an Anpassungsm\u00f6glichkeiten, sodass Sie Ihre Diagramme Ihren spezifischen Anforderungen und \u00e4sthetischen Vorlieben anpassen k\u00f6nnen.<\/p>\n<p>Aber Visual Paradigm Online ist nicht nur auf Diagramme beschr\u00e4nkt. Neben seinen leistungsstarken Gestaltungsfunktionen bietet die Plattform eine Reihe weiterer n\u00fctzlicher Tools, um Ihre kreativen Projekte zu verbessern. Von <a href=\"https:\/\/online.visual-paradigm.com\/flipbook-maker\/\">Flipbook<\/a> und <a href=\"https:\/\/online.visual-paradigm.com\/powerpoint-web-viewer\/\">Pr\u00e4sentation<\/a> bis hin zu verschiedenen Kooperations- und Pr\u00e4sentationswerkzeugen bietet Visual Paradigm Online eine umfassende L\u00f6sung f\u00fcr alle Ihre Gestaltungs- und Kommunikationsbed\u00fcrfnisse. Entdecken Sie die vollst\u00e4ndige Palette an Funktionen und entfalten Sie Ihre Kreativit\u00e4t mit Visual Paradigm Online noch heute!<\/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>Nummerierte Elemente spielen in unseren Gestaltungen und Arbeiten eine allgegenw\u00e4rtige Rolle. Als Standardfunktion k\u00f6nnen sie manchmal technische Herausforderungen darstellen, wie zum Beispiel das \u00dcbergriffen \u00fcber die Grenzen unserer Elemente. In diesem Artikel f\u00fchren wir Sie durch einige einfache Schritte, um dieses Problem in Visual Paradigm Online und stellen sicher, dass Ihre nummerierten Elemente ordentlich innerhalb [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":9505,"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-9504","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>So vermeiden Sie, dass nummerierte Elemente au\u00dferhalb der Grenze des Elements gerendert werden - Visual Paradigm Bloggen<\/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\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"So vermeiden Sie, dass nummerierte Elemente au\u00dferhalb der Grenze des Elements gerendert werden - Visual Paradigm Bloggen\" \/>\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\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Bloggen\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-09T16:11:39+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=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpwing\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/\",\"name\":\"So vermeiden Sie, dass nummerierte Elemente au\u00dferhalb der Grenze des Elements gerendert werden - Visual Paradigm Bloggen\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\",\"datePublished\":\"2026-01-09T16:11:39+00:00\",\"dateModified\":\"2026-01-09T16:11:39+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#\/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\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/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\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"So vermeiden Sie, dass nummerierte Elemente au\u00dferhalb der Grenze des Elements gerendert werden\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/de\/\",\"name\":\"Visual Paradigm Bloggen\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/c07f4ea62484ed2b45048b497319b5e6\",\"name\":\"vpwing\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#\/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\/de\/author\/vpwing\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"So vermeiden Sie, dass nummerierte Elemente au\u00dferhalb der Grenze des Elements gerendert werden - Visual Paradigm Bloggen","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\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/","og_locale":"de_DE","og_type":"article","og_title":"So vermeiden Sie, dass nummerierte Elemente au\u00dferhalb der Grenze des Elements gerendert werden - Visual Paradigm Bloggen","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\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/","og_site_name":"Visual Paradigm Bloggen","article_published_time":"2026-01-09T16:11:39+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":{"Verfasst von":"vpwing","Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/","url":"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/","name":"So vermeiden Sie, dass nummerierte Elemente au\u00dferhalb der Grenze des Elements gerendert werden - Visual Paradigm Bloggen","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png","datePublished":"2026-01-09T16:11:39+00:00","dateModified":"2026-01-09T16:11:39+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/#\/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\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.visual-paradigm.com\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/2026\/01\/How-to-Avoid-Numbered-Item-Render-Out-of-Elements-Border.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/12\/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\/de\/how-to-avoid-numbered-item-render-out-of-elements-border\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/de\/"},{"@type":"ListItem","position":2,"name":"So vermeiden Sie, dass nummerierte Elemente au\u00dferhalb der Grenze des Elements gerendert werden"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/de\/#website","url":"https:\/\/blog.visual-paradigm.com\/de\/","name":"Visual Paradigm Bloggen","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/c07f4ea62484ed2b45048b497319b5e6","name":"vpwing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.visual-paradigm.com\/de\/#\/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\/de\/author\/vpwing\/"}]}},"modified_by":"vpwing","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/posts\/9504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/comments?post=9504"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/posts\/9504\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media\/9505"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media?parent=9504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/categories?post=9504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/tags?post=9504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}