{"id":18941,"date":"2020-07-02T16:14:19","date_gmt":"2020-07-02T23:14:19","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=18941"},"modified":"2020-12-29T13:05:59","modified_gmt":"2020-12-29T21:05:59","slug":"html-horizontal-lines","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/","title":{"rendered":"How to Create and Style Horizontal Lines in HTML"},"content":{"rendered":"\n

Sometimes when creating the flow of your web page, you\u2019ll want to find some way to section your content off into visually distinct parts. In this article, we\u2019ll learn about the horizontal rule in HTML and how to put it in your markup so that you can visually make your web page more appealing and user-friendly. 
<\/p>\n\n\n\n

The <hr><\/code> HTML element can be styled just as any other HTML element using CSS. Convention is for it to be a non-closing tag (<hr>) instead of a self-closing tag (<hr \/>), but the markup is read the same either way. It is displayed as a block-level element that has wide-level browser support and indicates a shift in topic on your web page. 
<\/p>\n\n\n\n

I think it\u2019s best just to experiment with the CSS to see what it does. The following code sandbox illustrates a very, very basic HTML page with some CSS that\u2019s used to decorate the HTML <hr> element. 
<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang="en">\n   <head>\n       <meta charset="UTF-8" \/>\n       <meta name="viewport" content="width=device-width, initial-scale=1.0" \/>\n       <title>hr<\/title>\n       <link\n           href="https:\/\/fonts.googleapis.com\/css2?family=Roboto+Mono:wght@200;400;700&display=swap"\n           rel="stylesheet"\n       \/>\n       <style>\n           body {\n               font-family: 'Roboto Mono';\n           }\n           nav {\n               display: flex;\n               flex-flow: row wrap;\n               justify-content: space-between;\n               width: 100%;\n               height: 50px;\n               margin-left: 20px;\n           }\n           nav > div {\n               display: flex;\n               justify-content: space-around;\n               align-items: center;\n               width: 40%;\n           }\n \n           nav > div > a {\n               text-decoration: none;\n               color: black;\n           }\n \n           nav > a {\n               text-decoration: none;\n               font-variant: small-caps;\n               align-self: center;\n           }\n \n           hr {\n               border: none;\n               border-top: 5px double black;\n               color: #333;\n               overflow: visible;\n               text-align: center;\n               height: 5px;\n           }\n \n           hr::after {\n               content: '\ud83d\ude00\ud83d\ude00\ud83d\ude00\ud83d\ude00';\n               padding: 0 4px;\n               position: relative;\n               top: -18px;\n               background: #fff;\n           }\n          \n           section {\n               width: 100%;\n               display: flex;\n               align-items: center;\n               margin: 0 auto;\n           }\n \n           section > div {\n               width: 50%;\n               display: flex;\n               justify-content: center;\n           }\n           section > h1 {\n               width: 50%;\n               text-align: center;\n           }\n           section > div > img {\n               height: 350px;\n               object-fit:cover;\n           }\n \n           #diff-style-hr {\n               border: none;\n               border-top: 3px dotted black;color: #333;\n               overflow:visible;\n               text-align: center;\n               height: 5px;\n           }\n \n           #diff-style-hr::after {\n               content: "";\n               padding: 0;\n              \n           }\n           .lower-container {\n               display: flex;\n               flex-flow: row wrap;\n           }\n           .lower-main {\n               display: flex;\n               flex-direction: column;\n               width: 40%;\n               margin: 0 auto;\n           }\n           h4 {\n              align-self: flex-start;\n           }\n       <\/style>\n   <\/head>\n   <body>\n       <nav>\n           <a href="#">\n               <div>\n                   Logo Goes Here\n               <\/div>\n           <\/a>\n           <div>\n               <a href="">\n                   About Us\n               <\/a>\n               <a href="">\n                   Services\n               <\/a>\n               <a href="">\n                   Contact Us\n               <\/a>\n               <a href="">\n                   Login\n               <\/a>\n           <\/div>\n       <\/nav>\n       <hr \/>\n       <main>\n           <section>\n               <div>\n                   <img src="https:\/\/images.unsplash.com\/photo-1516259762381-22954d7d3ad2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2266&q=80" alt="code"\/>\n               <\/div>\n               <h1>I'm a business name<\/h1>\n           <\/section>\n           <hr id="diff-style-hr">\n           <div class="lower-container">\n               <section class="lower-main">\n                   <h4>I'm a headline<\/h4>\n                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti eius rem ullam velit provident itaque, tenetur eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.<\/p>\n                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti eius rem ullam velit provident itaque, tenetur eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.<\/p>\n               <\/section>\n               <section class="lower-main">\n                   <h4>I'm a headline<\/h4>\n                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti eius rem ullam velit provident itaque, tenetur eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.<\/p>\n                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti eius rem ullam velit provident itaque, tenetur eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.<\/p>\n               <\/section>\n               <section class="lower-main">\n                   <h4>I'm a headline<\/h4>\n                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti eius rem ullam velit provident itaque, tenetur eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.<\/p>\n                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti eius rem ullam velit provident itaque, tenetur eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.<\/p>\n               <\/section>\n               <section class="lower-main">\n                   <h4>I'm a headline<\/h4>\n                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti eius rem ullam velit provident itaque, tenetur eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.<\/p>\n                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti eius rem ullam velit provident itaque, tenetur eveniet, accusamus dolorum rerum ipsam facilis consequatur odio ut consequuntur voluptate doloremque eligendi error.<\/p>\n               <\/section>\n           <\/div>\n          \n       <\/main>\n   <\/body>\n<\/html>\n<\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Great job! You now have the tools you need to build a great-looking site using the <hr>. 
<\/p>\n","protected":false},"excerpt":{"rendered":"Sometimes when creating the flow of your web page, you\u2019ll want to find some way to section your content off into visually distinct parts. In this article, we\u2019ll learn about the horizontal rule in HTML and how to put it in your markup so that you can visually make your web page more appealing and…","protected":false},"author":77,"featured_media":18942,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17281],"tags":[],"class_list":{"0":"post-18941","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-html"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"HTML","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"\nHow to Create and Style Horizontal Lines in HTML | Career Karma<\/title>\n<meta name=\"description\" content=\"When creating web pages, you may want to section off content so it\u2019s distinct from other parts of the page. Here we\u2019ll learn about how to create horizontal lines in HTML to create visually pleasing layouts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create and Style Horizontal Lines in HTML\" \/>\n<meta property=\"og:description\" content=\"When creating web pages, you may want to section off content so it\u2019s distinct from other parts of the page. Here we\u2019ll learn about how to create horizontal lines in HTML to create visually pleasing layouts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-02T23:14:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-29T21:05:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1521114978264-2223e08aa0d2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Christina Kopecky\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christina Kopecky\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/\"},\"author\":{\"name\":\"Christina Kopecky\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e\"},\"headline\":\"How to Create and Style Horizontal Lines in HTML\",\"datePublished\":\"2020-07-02T23:14:19+00:00\",\"dateModified\":\"2020-12-29T21:05:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/\"},\"wordCount\":195,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1521114978264-2223e08aa0d2.jpg\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/\",\"name\":\"How to Create and Style Horizontal Lines in HTML | Career Karma\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1521114978264-2223e08aa0d2.jpg\",\"datePublished\":\"2020-07-02T23:14:19+00:00\",\"dateModified\":\"2020-12-29T21:05:59+00:00\",\"author\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e\"},\"description\":\"When creating web pages, you may want to section off content so it\u2019s distinct from other parts of the page. Here we\u2019ll learn about how to create horizontal lines in HTML to create visually pleasing layouts.\",\"breadcrumb\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#primaryimage\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1521114978264-2223e08aa0d2.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1521114978264-2223e08aa0d2.jpg\",\"width\":1000,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/careerkarma.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\",\"item\":\"https:\/\/careerkarma.com\/blog\/html\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create and Style Horizontal Lines in HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\",\"url\":\"https:\/\/careerkarma.com\/blog\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News & Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/careerkarma.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e\",\"name\":\"Christina Kopecky\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/06\/image-3-150x150.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/06\/image-3-150x150.jpg\",\"caption\":\"Christina Kopecky\"},\"description\":\"Christina is an experienced technical writer, covering topics as diverse as Java, SQL, Python, and web development. She earned her Master of Music in flute performance from the University of Kansas and a bachelor's degree in music with minors in French and mass communication from Southeast Missouri State. Prior to joining the Career Karma team in June 2020, Christina was a teaching assistant, team lead, and section lead at Lambda School, where she led student groups, performed code and project reviews, and debugged problems for students. Christina's technical content is featured frequently in publications like Codecademy, Repl.it, and Educative.\",\"sameAs\":[\"http:\/\/www.linkedin.com\/in\/cmvnk\"],\"url\":\"https:\/\/careerkarma.com\/blog\/author\/christina-kopecky\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create and Style Horizontal Lines in HTML | Career Karma","description":"When creating web pages, you may want to section off content so it\u2019s distinct from other parts of the page. Here we\u2019ll learn about how to create horizontal lines in HTML to create visually pleasing layouts.","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:\/\/careerkarma.com\/blog\/html-horizontal-lines\/","og_locale":"en_US","og_type":"article","og_title":"How to Create and Style Horizontal Lines in HTML","og_description":"When creating web pages, you may want to section off content so it\u2019s distinct from other parts of the page. Here we\u2019ll learn about how to create horizontal lines in HTML to create visually pleasing layouts.","og_url":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-07-02T23:14:19+00:00","article_modified_time":"2020-12-29T21:05:59+00:00","og_image":[{"width":1000,"height":750,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1521114978264-2223e08aa0d2.jpg","type":"image\/jpeg"}],"author":"Christina Kopecky","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Christina Kopecky","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/"},"author":{"name":"Christina Kopecky","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e"},"headline":"How to Create and Style Horizontal Lines in HTML","datePublished":"2020-07-02T23:14:19+00:00","dateModified":"2020-12-29T21:05:59+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/"},"wordCount":195,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1521114978264-2223e08aa0d2.jpg","articleSection":["HTML"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/","url":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/","name":"How to Create and Style Horizontal Lines in HTML | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1521114978264-2223e08aa0d2.jpg","datePublished":"2020-07-02T23:14:19+00:00","dateModified":"2020-12-29T21:05:59+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e"},"description":"When creating web pages, you may want to section off content so it\u2019s distinct from other parts of the page. Here we\u2019ll learn about how to create horizontal lines in HTML to create visually pleasing layouts.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1521114978264-2223e08aa0d2.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/photo-1521114978264-2223e08aa0d2.jpg","width":1000,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/html-horizontal-lines\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML","item":"https:\/\/careerkarma.com\/blog\/html\/"},{"@type":"ListItem","position":3,"name":"How to Create and Style Horizontal Lines in HTML"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News & Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/ae0cdc4a5d198690d78482646894074e","name":"Christina Kopecky","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/06\/image-3-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/06\/image-3-150x150.jpg","caption":"Christina Kopecky"},"description":"Christina is an experienced technical writer, covering topics as diverse as Java, SQL, Python, and web development. She earned her Master of Music in flute performance from the University of Kansas and a bachelor's degree in music with minors in French and mass communication from Southeast Missouri State. Prior to joining the Career Karma team in June 2020, Christina was a teaching assistant, team lead, and section lead at Lambda School, where she led student groups, performed code and project reviews, and debugged problems for students. Christina's technical content is featured frequently in publications like Codecademy, Repl.it, and Educative.","sameAs":["http:\/\/www.linkedin.com\/in\/cmvnk"],"url":"https:\/\/careerkarma.com\/blog\/author\/christina-kopecky\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/18941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=18941"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/18941\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/18942"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=18941"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=18941"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=18941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}