{"id":9207,"date":"2024-01-18T17:59:00","date_gmt":"2024-01-18T17:59:00","guid":{"rendered":"https:\/\/codehim.com\/?p=9207"},"modified":"2024-01-22T16:01:08","modified_gmt":"2024-01-22T11:01:08","slug":"image-and-text-side-by-side-html-css","status":"publish","type":"post","link":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/","title":{"rendered":"Image and Text Side By Side HTML CSS"},"content":{"rendered":"

This code showcases how to place image and text side by side in HTML and CSS. It utilizes CSS flexbox<\/a> and media queries to adjust the layout. This code helps you create visually appealing web pages with text and images in a responsive format.<\/p>\n

You can use this code in your website to present text and images<\/a> side by side for better readability. It’s useful for creating engaging product descriptions and informative blog posts.<\/p>\n

How to Create a Layout to Set Image And Text Side By Side Using HTML & CSS<\/h2>\n

1. First, create the HTML structure for images and text layout as follows:<\/p>\n

<div class=\"image-left\">\r\n\t<img src=\"https:\/\/source.unsplash.com\/640x460?girl\" alt=\"Text with image example\">\r\n\t<div>\r\n<h2> Text with Left Image <\/h2>\r\n\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu, massa scelerisque ac, cursus et, sollicitudin a, orci.<\/p>\r\n\t\t<footer>(A dummy text)<\/footer>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<div class=\"image-right\">\r\n\t<img src=\"https:\/\/source.unsplash.com\/640x460?beautiful\" alt=\"Text with image example\">\r\n\t<div>\r\n<h2> Text with Right Image <\/h2>\r\n\t\t<p>Praesent in mauris eu tortor porttitor accumsan. Duis bibendum. Morbi non erat non ipsum pharetra tempus. Du is iaculis laoreet odio. Vestibulum id ligula porta felis euismod semper. Sed euismod. Maecenas id ante. Nunc pellentesque. Sed vestibulum. Integer in ante. Nunc elementum.<\/p>\r\n\t\t<footer>(Placeholder text)<\/footer>\r\n\t<\/div>\r\n<\/div><\/pre>\n
Replace the example images and text with your own content. You can change the src<\/code> attribute of the <img><\/code> tag to link to your own images. Update the <h2><\/code> and <p><\/code> elements with your text.<\/p>\n
2. To style our layout, we use CSS. You can include this in your HTML file within <style><\/code> tags or link to an external CSS file. Here’s the CSS code:<\/p>\n
html\r\n{\r\n\tpadding: 0 1em;\r\n\tfont-family: Calibri, sans-serif;\r\n}\r\n\r\n.cd__main{\r\n    max-width: 720px !important;\r\n}\r\n\r\nimg\r\n{\r\n\t       max-width: 220px;\r\n               height: auto;\r\n}\r\n\r\n.image-left, .image-right\r\n{\r\n\tmargin: 1em 0;\r\n}\r\n\r\n@media (min-width: 20em)\r\n{\r\n\t.image-left, .image-right\r\n\t{\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.image-left img\r\n\t{\r\n\r\n\t\tmargin-right: 1em;\r\n\t\tfloat: left; \/* fallback *\/\r\n\t}\r\n\r\n\t.image-right img\r\n\t{\r\n\t\torder: 1;\r\n\t\tmargin-left: 1em;\r\n\t\tfloat: right; \/* fallback *\/\r\n\t}\r\n\t\r\n\t\/* clearfix for fallback *\/\r\n\t.image-left::after,\r\n\t.image-right::after\r\n\t{\r\n\t\tcontent: \"\";\r\n  \tdisplay: block;\r\n\t\tclear: both;\r\n\t}\r\n}\r\n\r\n@media (min-width: 30em)\r\n{\r\n\t.image-left img, .image-right img\r\n\t{\r\n\t\tflex-shrink: 0;\r\n\t}\r\n}<\/pre>\n
Test your layout on different screen sizes to ensure it’s responsive. You can adjust the CSS styles as needed to optimize the layout for your specific content and design preferences.<\/p>\n
That’s all! hopefully, you have successfully created a layout to arrange images and text side by side using HTML and CSS. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"
This code showcases how to place image and text side by side in HTML and CSS. It utilizes CSS flexbox…<\/p>\n","protected":false},"author":1,"featured_media":9221,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[63],"tags":[],"class_list":["post-9207","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5-css3"],"acf":[],"yoast_head":"\nImage and Text Side By Side HTML CSS — CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free code snippet to create an Image and Text Side By Side HTML CSS. You can view demo and download the source code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image and Text Side By Side HTML CSS — CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free code snippet to create an Image and Text Side By Side HTML CSS. You can view demo and download the source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-18T17:59:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T11:01:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Image-and-Text-Side-By-Side-HTML-CSS.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Image and Text Side By Side HTML CSS\",\"datePublished\":\"2024-01-18T17:59:00+00:00\",\"dateModified\":\"2024-01-22T11:01:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/\"},\"wordCount\":237,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Image-and-Text-Side-By-Side-HTML-CSS.png\",\"articleSection\":[\"HTML5 & CSS3\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/\",\"url\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/\",\"name\":\"Image and Text Side By Side HTML CSS — CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Image-and-Text-Side-By-Side-HTML-CSS.png\",\"datePublished\":\"2024-01-18T17:59:00+00:00\",\"dateModified\":\"2024-01-22T11:01:08+00:00\",\"description\":\"Here is a free code snippet to create an Image and Text Side By Side HTML CSS. You can view demo and download the source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Image-and-Text-Side-By-Side-HTML-CSS.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Image-and-Text-Side-By-Side-HTML-CSS.png\",\"width\":1280,\"height\":960,\"caption\":\"Image and Text Side By Side HTML CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 & CSS3\",\"item\":\"https:\/\/codehim.com\/category\/html5-css3\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Image and Text Side By Side HTML CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image and Text Side By Side HTML CSS — CodeHim","description":"Here is a free code snippet to create an Image and Text Side By Side HTML CSS. You can view demo and download the source code.","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:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/","og_locale":"en_US","og_type":"article","og_title":"Image and Text Side By Side HTML CSS — CodeHim","og_description":"Here is a free code snippet to create an Image and Text Side By Side HTML CSS. You can view demo and download the source code.","og_url":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-18T17:59:00+00:00","article_modified_time":"2024-01-22T11:01:08+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Image-and-Text-Side-By-Side-HTML-CSS.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Image and Text Side By Side HTML CSS","datePublished":"2024-01-18T17:59:00+00:00","dateModified":"2024-01-22T11:01:08+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/"},"wordCount":237,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Image-and-Text-Side-By-Side-HTML-CSS.png","articleSection":["HTML5 & CSS3"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/","url":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/","name":"Image and Text Side By Side HTML CSS — CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Image-and-Text-Side-By-Side-HTML-CSS.png","datePublished":"2024-01-18T17:59:00+00:00","dateModified":"2024-01-22T11:01:08+00:00","description":"Here is a free code snippet to create an Image and Text Side By Side HTML CSS. You can view demo and download the source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Image-and-Text-Side-By-Side-HTML-CSS.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Image-and-Text-Side-By-Side-HTML-CSS.png","width":1280,"height":960,"caption":"Image and Text Side By Side HTML CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/html5-css3\/image-and-text-side-by-side-html-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"HTML5 & CSS3","item":"https:\/\/codehim.com\/category\/html5-css3\/"},{"@type":"ListItem","position":3,"name":"Image and Text Side By Side HTML CSS"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":17213,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=9207"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9207\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/9221"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=9207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=9207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=9207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}