{"id":5905,"date":"2022-02-22T21:17:15","date_gmt":"2022-02-22T21:17:15","guid":{"rendered":"https:\/\/outstandingthemes.com\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/"},"modified":"2024-11-21T21:30:45","modified_gmt":"2024-11-21T21:30:45","slug":"anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet","status":"publish","type":"post","link":"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/","title":{"rendered":"Anleitung: Wie man mehrere Bilder in HTML horizontal ausrichtet"},"content":{"rendered":"\n<p>Jeden Tag durchforsten wir mehrere Webbrowser f\u00fcr unsere Arbeit, unser Studium oder unsere Unterhaltung. Es ist unglaublich, dass Programmierer mit Hilfe von HTML oder HyperText Markup Language unendlich viele M\u00f6glichkeiten in Bezug auf Struktur, Design und Befehle haben. So wichtig der Inhalt einer Website ist, so sehr kann die Einbindung mehrerer Bilder in Ihr HTML Ihr Programm hervorheben. Eine horizontale Platzierung ist leichter zu erkennen, da unser Auge von links nach rechts liest. Wenn Sie also ein neuer Programmierer sind und lernen m\u00f6chten, wie man mehrere Bilder in HTML horizontal ausrichtet, brauchen Sie sich keine Sorgen mehr zu machen! In diesem Artikel zeigen wir Ihnen f\u00fcnf M\u00f6glichkeiten auf, wie Sie mehrere Bilder in HTML horizontal ausrichten k\u00f6nnen.    <\/p>\n\n\n\n<p>Bevor wir mit den 5 M\u00f6glichkeiten fortfahren, m\u00f6chte ich <a href=\"https:\/\/bolchevaerk.dk\/\">bolchevaerk.dk<\/a> danken, das uns bei der Realisierung dieses Artikels geholfen hat!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Flexbox<\/h2>\n\n\n\n<p>Ein Flexbox- oder flexibles Box-Modell ist eine relativ neue Layout-Methode f\u00fcr Programmierer, um die vertikale oder horizontale Layout-Struktur einer Website durch Zeilen oder Spalten anzupassen. Mit dem Flexbox-Container k\u00f6nnen Sie die L\u00e4nge oder Breite des Bildes \u00e4ndern, so dass es einen bestimmten Bereich im Layout ausf\u00fcllt oder verkleinert. Eine weitere Funktion der Flexbox ist die Vorhersage der Proportionen und der Platzierung eines Bildes in Abh\u00e4ngigkeit von der Bildschirmgr\u00f6\u00dfe und dem Anzeigeger\u00e4t des Betrachters.  <\/p>\n\n\n\n<p><strong>Um Flexbox zum Ausrichten von Bildern in HTML zu verwenden, m\u00fcssen Sie die folgenden Schritte horizontal ausf\u00fchren:<\/strong><\/p>\n\n\n\n<ul>\n<li>\u00d6ffnen Sie ein neues HTML-Dokument, damit Ihre neuen Befehle und Codes nicht mit dem Hauptdokument vermischt werden.<\/li>\n\n\n\n<li>F\u00fcgen Sie die gew\u00fcnschten Bilder in das neue Dokument ein. Da Sie Flexbox verwenden werden, m\u00fcssen Sie ein div einf\u00fcgen, unter das Sie &#8222;images-container&#8220; setzen. Die Anzahl der <img decoding=\"async\" src=\"\">, die Sie einf\u00fcgen, h\u00e4ngt von der Anzahl der Bilder ab, die Sie in der horizontalen Zeile haben m\u00f6chten.  <\/li>\n\n\n\n<li>F\u00fcgen Sie das folgende CSS in Ihr HTML ein:<\/li>\n\n\n\n<li>Schreiben Sie &#8222;images-container&#8220; und f\u00fcgen Sie die Eigenschaften &#8222;display: flex;&#8220; und &#8222;justify-content: center;&#8220; hinzu. Wie bereits erw\u00e4hnt, hilft Flexbox dabei, die Anpassung eines Bildes im Verh\u00e4ltnis zum Bildschirm eines Ger\u00e4ts vorherzusagen &#8211; das ist also die Verwendung von &#8222;display: flex&#8220;. Bei &#8222;justify-content: center&#8220; werden alle kodierten Bilder auf der Website horizontal in der Mitte platziert.  <\/li>\n\n\n\n<li>Obwohl dies optional ist, k\u00f6nnen Sie die visuelle Darstellung der horizontalen Bilder auf Ihrer Website verbessern, indem Sie den gew\u00fcnschten Rand f\u00fcr jedes Bild hinzuf\u00fcgen. Dazu m\u00fcssen Sie einen weiteren &#8222;images-container&#8220; schreiben und &#8222;margin-left:&#8220; eingeben und dann den gew\u00fcnschten Pixel- oder px-Bereich einf\u00fcgen. F\u00fchren Sie dieses Verfahren auch f\u00fcr &#8222;margin-right&#8220; durch. Zum Vergleich: 96 Pixel entsprechen einem Zoll.   <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">2 . Prevent Wrapping <\/h2>\n\n\n\n<p>Eines der \u00e4rgerlichsten Dinge, die ein Programmierer, Designer oder sogar ein Student erlebt, wenn er an einem Dokument schreibt, das einen Text enth\u00e4lt, in den ein Bild eingef\u00fcgt werden muss, ist der Umbruch. Ein Umbruch liegt vor, wenn sich der Text an einer bestimmten Stelle um die Bilder wickelt, so dass die beiden Elemente zusammenlaufen, anstatt die Bilder an einer bestimmten Stelle zu platzieren. Im CSS Ihrer HTML-Datei kommt es zu einem Umbruch, wenn sich ein Text automatisch um das Bild herum anpasst und dabei die W\u00f6rter oder das Bild in eine andere Zeile verschiebt, wodurch die horizontale Ausrichtung Ihrer gew\u00fcnschten mehreren Fotos verhindert wird.    <strong>Um das Einwickeln zu verhindern, m\u00fcssen Sie die folgenden Schritte durchf\u00fchren:<\/strong><\/p>\n\n\n\n<ul>\n<li>F\u00fcgen Sie unter dem Hauptelement #content das &#8222;whitespace:nowrap&#8220; ein. Nowrap entfernt den typischen Leerraum in Ihrer Website, verhindert aber, dass Bilder aus den Zeilen ausbrechen. <\/li>\n\n\n\n<li>Eine Alternative zu &#8222;whitespace:nowrap&#8220; ist &#8222;word-break:keep-all&#8220;. Dies funktioniert im Allgemeinen bei Textumbr\u00fcchen, ist aber dennoch von Bedeutung, wenn Sie Text neben Ihrer Bilderserie haben, der die Ausrichtung beeinflussen kann. <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">3. Anzeige:inline-block Methode<\/h2>\n\n\n\n<p>Der Hauptzweck von display:inline-block besteht darin, ein Bild oder ein beliebiges Element in einem Blockcontainer zu platzieren, der sich zusammen mit anderen Elementen, die Sie darin einf\u00fcgen, in derselben Ausrichtungsebene befindet. Sobald sich ein Bild in dieser Eigenschaft befindet, k\u00f6nnen Sie die Werte f\u00fcr Breite und H\u00f6he noch anpassen, w\u00e4hrend der Inhalt weiterhin nebeneinander liegt. Diese Eigenschaft erm\u00f6glicht es Ihnen, mehrere Bilder horizontal zu platzieren, solange Sie sie in diesen Anzeigebl\u00f6cken platzieren. Indem Sie die Eigenschaft &#8222;display:inline-block&#8220; in Ihr HTML einf\u00fcgen, k\u00f6nnen Sie dies tun.   <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. \u00c4ndern Sie display:block in float:left<\/h2>\n\n\n\n<p>Ein Float ist eine Eigenschaft, die daf\u00fcr sorgt, dass Ihr Bild seine Position verschiebt &#8211; in der Regel entweder nach links oder nach rechts in dem Container, dem Sie es zugewiesen haben, wodurch der Text (\u00e4rgerlicherweise) um das Bild herumflie\u00dft. Wenn Sie mehrere Bilder in einem Container platziert haben, ohne anzugeben, in welche Richtung die Bilder verschoben werden sollen, ist es wahrscheinlich, dass alle Bilder horizontal ausgerichtet sind. Um dies zu vermeiden, m\u00fcssen Sie entweder:  <\/p>\n\n\n\n<ul>\n<li>Schreiben Sie &#8222;&lt;p style=\u201d clear: both;\u201d><p style=\"\u201d\" clear:=\"\" both=\"\">, um zu verhindern, dass die nachfolgenden Texte umbrochen werden oder an den enthaltenen Bildern h\u00e4ngen bleiben. Danach hat Ihre Website eine unsichtbare horizontale Linie, die daf\u00fcr sorgt, dass alle neuen Bilder oder Texte in einem eigenen Absatz beginnen. <\/p><\/li>\n\n\n\n<li>Schreiben Sie &#8222;float: left&#8220; in die Klasse .images, damit ihre Platzierung im Container von links beginnt. Damit stellen Sie sicher, dass alle folgenden Bilder ebenfalls ihrer Ausrichtung folgen. So sehen Sie in Ihrem HTML-Code mehrere Fotos in horizontaler Ausrichtung.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">5. Pr\u00fcfen Sie, ob das Element K\u00f6rper 100% ist<\/h2>\n\n\n\n<p>Es gibt F\u00e4lle, in denen mehrere Bilder nicht horizontal ausgerichtet werden k\u00f6nnen, weil die H\u00f6he nicht 100% betr\u00e4gt. Sie k\u00f6nnen versuchen, &#8222;margin 0: auto&#8220; oder &#8222;text-align: center&#8220; zu Ihren Bildern in einem Blockelement zu schreiben. Sie sollten einen der beiden angegebenen Texte unter dem \u00fcbergeordneten Befehl einf\u00fcgen. Diese L\u00f6sung funktioniert jedoch nicht in allen Browsern, aber in den meisten. Sie brauchen sich keine Sorgen zu machen, wenn Ihr HTML-Browser zu Microsoft Edge, Google Chrome, Opera oder Safari geh\u00f6rt, denn diese Funktion funktioniert auch bei ihnen.    <\/p>\n\n\n\n<p>Wenn Sie auf der Suche nach einem exzellenten <a href=\"https:\/\/fixthephoto.com\/image-manipulation-service\">Bildbearbeitungsdienst<\/a> sind, sollten Sie fixthephoto.com besuchen und sehen, was man mit Ihren Bildern alles machen kann, um sie noch besser aussehen zu lassen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Aus der Anleitung mitnehmen: Wie man mehrere Bilder in HTML horizontal ausrichtet<\/h2>\n\n\n\n<p>Sie k\u00f6nnen eine langweilige, scrollbare&#8216; Website in einen Hingucker verwandeln, indem Sie auff\u00e4llige Bilder einf\u00fcgen. Allerdings kann die Erstellung Ihrer Website viel Zeit in Anspruch nehmen, da Sie viele Codes eingeben m\u00fcssen. Wenn Sie wissen, wie Sie mehrere Bilder in HTML horizontal ausrichten k\u00f6nnen, ist das von Vorteil, egal ob Sie ein leidenschaftlicher Webprogrammierer, ein Freiberufler oder ein langj\u00e4hriger Webdesigner sind. Nachdem Sie die drei M\u00f6glichkeiten kennengelernt haben, werden Sie hoffentlich feststellen, dass eine L\u00f6sung einfacher oder komplizierter ist als die andere &#8211; und das ist in Ordnung. Als Programmierer sollten Sie das Verfahren anwenden, das Ihnen am effektivsten und bequemsten erscheint, ganz gleich, wie lange oder kurz es dauert, solange Sie dabei nicht die Qualit\u00e4t Ihrer Arbeit aufs Spiel setzen.    <\/p>\n\n\n\n<p>Lesen Sie auch unsere Anleitung zum <a href=\"https:\/\/outstandingthemes.com\/guide-how-to-clear-form-data-after-submit-in-html\/\">L\u00f6schen von Formulardaten nach dem Absenden in HTML<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Jeden Tag durchforsten wir mehrere Webbrowser f\u00fcr unsere Arbeit, unser Studium oder unsere Unterhaltung. Es ist unglaublich, dass&hellip;","protected":false},"author":7829,"featured_media":4956,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[491],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Anleitung: Wie man mehrere Bilder in HTML horizontal ausrichtet<\/title>\n<meta name=\"description\" content=\"Jeden Tag durchforsten wir mehrere Webbrowser f\u00fcr unsere Arbeit, unser Studium oder unsere Unterhaltung\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Anleitung: Wie man mehrere Bilder in HTML horizontal ausrichtet\" \/>\n<meta property=\"og:description\" content=\"Jeden Tag durchforsten wir mehrere Webbrowser f\u00fcr unsere Arbeit, unser Studium oder unsere Unterhaltung\" \/>\n<meta property=\"og:url\" content=\"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/\" \/>\n<meta property=\"og:site_name\" content=\"Outstanding Themes\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-22T21:17:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-21T21:30:45+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/download-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"356\" \/>\n\t<meta property=\"og:image:height\" content=\"142\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"outstandingthemes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"outstandingthemes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/\",\"url\":\"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/\",\"name\":\"Anleitung: Wie man mehrere Bilder in HTML horizontal ausrichtet\",\"isPartOf\":{\"@id\":\"https:\/\/outstandingthemes.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/download-1.png\",\"datePublished\":\"2022-02-22T21:17:15+00:00\",\"dateModified\":\"2024-11-21T21:30:45+00:00\",\"author\":{\"@id\":\"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/b86ce9d8633057b23d4bc9ce7e1b341a\"},\"description\":\"Jeden Tag durchforsten wir mehrere Webbrowser f\u00fcr unsere Arbeit, unser Studium oder unsere Unterhaltung\",\"breadcrumb\":{\"@id\":\"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/#primaryimage\",\"url\":\"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/download-1.png\",\"contentUrl\":\"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/download-1.png\",\"width\":356,\"height\":142},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/outstandingthemes.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Anleitung: Wie man mehrere Bilder in HTML horizontal ausrichtet\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/#website\",\"url\":\"https:\/\/outstandingthemes.com\/de\/\",\"name\":\"Outstanding Themes\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/outstandingthemes.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/b86ce9d8633057b23d4bc9ce7e1b341a\",\"name\":\"outstandingthemes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/794634315590831eaece4942d98a00a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/794634315590831eaece4942d98a00a8?s=96&d=mm&r=g\",\"caption\":\"outstandingthemes\"},\"url\":\"https:\/\/outstandingthemes.com\/de\/author\/outstandingthemes\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Anleitung: Wie man mehrere Bilder in HTML horizontal ausrichtet","description":"Jeden Tag durchforsten wir mehrere Webbrowser f\u00fcr unsere Arbeit, unser Studium oder unsere Unterhaltung","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:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/","og_locale":"de_DE","og_type":"article","og_title":"Anleitung: Wie man mehrere Bilder in HTML horizontal ausrichtet","og_description":"Jeden Tag durchforsten wir mehrere Webbrowser f\u00fcr unsere Arbeit, unser Studium oder unsere Unterhaltung","og_url":"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/","og_site_name":"Outstanding Themes","article_published_time":"2022-02-22T21:17:15+00:00","article_modified_time":"2024-11-21T21:30:45+00:00","og_image":[{"width":356,"height":142,"url":"http:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/download-1.png","type":"image\/png"}],"author":"outstandingthemes","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"outstandingthemes","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/","url":"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/","name":"Anleitung: Wie man mehrere Bilder in HTML horizontal ausrichtet","isPartOf":{"@id":"https:\/\/outstandingthemes.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/#primaryimage"},"image":{"@id":"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/#primaryimage"},"thumbnailUrl":"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/download-1.png","datePublished":"2022-02-22T21:17:15+00:00","dateModified":"2024-11-21T21:30:45+00:00","author":{"@id":"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/b86ce9d8633057b23d4bc9ce7e1b341a"},"description":"Jeden Tag durchforsten wir mehrere Webbrowser f\u00fcr unsere Arbeit, unser Studium oder unsere Unterhaltung","breadcrumb":{"@id":"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/#primaryimage","url":"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/download-1.png","contentUrl":"https:\/\/outstandingthemes.com\/wp-content\/uploads\/2022\/02\/download-1.png","width":356,"height":142},{"@type":"BreadcrumbList","@id":"https:\/\/outstandingthemes.com\/de\/anleitung-wie-man-mehrere-bilder-in-html-horizontal-ausrichtet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/outstandingthemes.com\/de\/"},{"@type":"ListItem","position":2,"name":"Anleitung: Wie man mehrere Bilder in HTML horizontal ausrichtet"}]},{"@type":"WebSite","@id":"https:\/\/outstandingthemes.com\/de\/#website","url":"https:\/\/outstandingthemes.com\/de\/","name":"Outstanding Themes","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/outstandingthemes.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/b86ce9d8633057b23d4bc9ce7e1b341a","name":"outstandingthemes","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/outstandingthemes.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/794634315590831eaece4942d98a00a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/794634315590831eaece4942d98a00a8?s=96&d=mm&r=g","caption":"outstandingthemes"},"url":"https:\/\/outstandingthemes.com\/de\/author\/outstandingthemes\/"}]}},"_links":{"self":[{"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/posts\/5905"}],"collection":[{"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/users\/7829"}],"replies":[{"embeddable":true,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/comments?post=5905"}],"version-history":[{"count":2,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/posts\/5905\/revisions"}],"predecessor-version":[{"id":5944,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/posts\/5905\/revisions\/5944"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/media\/4956"}],"wp:attachment":[{"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/media?parent=5905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/categories?post=5905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/outstandingthemes.com\/de\/wp-json\/wp\/v2\/tags?post=5905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}