{"id":17601,"date":"2020-12-21T00:21:13","date_gmt":"2020-12-21T08:21:13","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=17601"},"modified":"2023-12-01T04:06:18","modified_gmt":"2023-12-01T12:06:18","slug":"css-line-height","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/css-line-height\/","title":{"rendered":"CSS Line Height: A How-To Guide"},"content":{"rendered":"\n<p><em>The CSS line-height property determines the line height of different HTML elements. It is commonly used to set the distance between lines of text. A line height can be set using keywords, percentages, or numerical values.<\/em><\/p>\n\n\n\n<p>The CSS line-height property allows developers to define the space between two inline elements on a web page. Developers often use the CSS line-height property to increase or decrease the distance between lines of text on a web page.<\/p>\n\n\n\n<p>This tutorial will discuss how to use the CSS line-height property. We&#8217;ll refer to an example to help you get started. By the end of reading this tutorial, you\u2019ll be a master at using the line-height property in your code.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS line-height<\/h2>\n\n\n\n<p>The CSS line-height property sets the height of a line box. Line boxes are the lines that make up a <a href=\"https:\/\/careerkarma.com\/blog\/css-box-model\">box in CSS<\/a>. This method is often used to set the distance between lines of text.<\/p>\n\n\n\n<p>Aadjusting line height lets you indirectly adjust spacing between lines of text (or other elements) on a web page. This is much like formatting text in Microsoft Word to be double spaced or 1.15 spaced.<\/p>\n\n\n\n<p>The syntax for the CSS line-height property is as follows:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>line-height: lineHeight;<\/pre><\/div>\n\n\n\n<p>\u201clineHeight\u201d refers to a length value that sets the line height of an element.<\/p>\n\n\n\n<p>Three types of values you can use with the line-height property are length, number, and percentage:<\/p>\n\n\n\n<table class=\"wp-block-table course-info-table\"><tbody><tr><td><strong>Value<\/strong><\/td><td><strong>Description<\/strong><\/td><td><strong>Example Values<\/strong><\/td><td><strong>Outcome of&nbsp;<\/strong><strong>Example Values<\/strong><\/td><\/tr><tr><td><strong>Length<\/strong><\/td><td>Sets line height using a specific unit of measurement (such as em, px, and cm).<\/td><td>10px, 15px, 20px<\/td><td>If you specify 10px, your line height will be 10px.<\/td><\/tr><tr><td><strong>Number<\/strong><\/td><td>Sets line height to be equal to a multiple of the font size.&nbsp;<\/td><td>1, 1.8, 2<\/td><td>If your font size is 10px, your line height will be 10px, 18px, and 20px, respectively.<\/td><\/tr><tr><td><strong>Percentage<\/strong><\/td><td>Sets line height as a percentage of the font size of the element.<\/td><td>30%, 50%, 110%<\/td><td>If your font size is 10px, your line height will be 3px, 5px, and 11px respectively.<\/td><\/tr><\/tbody><\/table>\n\n\n\n<p>Alternatively, you can specify the \u201cnormal\u201d keyword. This keyword specifies the use of the browser default. This value is usually around 1.2, depending on what browser the viewer is using.<\/p>\n\n\n\n<p>If you apply the line-height property to a box, all the text within that box will use the line height you have specified.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A Note on Accessibility<\/h3>\n\n\n\n<p>Changing line spacing is a common use of the line-height property. This is because you always want to make sure that there is adequate space between lines. If there is not enough space between lines, text may be difficult to read.<\/p>\n\n\n\n<p>Text that is difficult to read has a particularly serious effect on those who have visual impairments. Accessibility should always be a consideration when you are building a website.<\/p>\n\n\n\n<p>When you\u2019re using a number to set the line height of an element in CSS, you should not use any values lower than 1.5. This is because values lower than 1.5 for line height can make it more difficult for visually-impaired readers to use your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">line-height CSS Example<\/h2>\n\n\n\n<p>Suppose we are designing an \u201cAbout Us\u201d page for a local cooking club\u2019s website. The page contains a heading followed by a paragraph of text outlining a description of the club.<\/p>\n\n\n\n<p>We want our text to be properly spaced out. So, we decide to set the line height of the paragraph of text on the web page to 1.6rem. We can do so using this code:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;html&gt;\n\n&lt;h2&gt;About Us&lt;\/h2&gt;\n&lt;p&gt;Fantastic Chefs, founded in 2007, is a cooking club local to Seattle, WA. Our cooking club meets on a weekly basis to share recipes, discuss cooking techniques, and make food together. Every Saturday afternoon, our members gather at our Seattle-based kitchen.&lt;\/p&gt;\n\n&lt;style&gt;\n\np {\n\tfont-size: 16px;\n\tline-height: 1.6rem;\n}<\/pre><\/div>\n\n\n\n<p>Our code returns: <em>Click the&nbsp;<\/em><img loading=\"lazy\" decoding=\"async\" width=\"24\" height=\"24\" class=\"wp-image-13930\" style=\"width: 24px;\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/iconfinder_play-circle-outline_326584.png\" alt=\"Image of the &quot;Run Code&quot; Button, a triangle inside a circle\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/iconfinder_play-circle-outline_326584.png 24w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/iconfinder_play-circle-outline_326584-20x20.png 20w\" sizes=\"auto, (max-width: 24px) 100vw, 24px\" \/> <em>button in the code editor above to see the output of our HTML\/CSS code.<\/em><\/p>\n\n\n\n<p>In our HTML file, we defined an \u201cAbout Us\u201d header using an &lt;h2&gt; tag. Then, we wrote a description of Fantastic Chefs and enclosed that description within <a href=\"https:\/\/careerkarma.com\/blog\/basic-html-tags\/\">HTML &lt;p&gt; tags<\/a>.<\/p>\n\n\n\n<p>In our CSS file, we defined one rule. Our rule uses two CSS properties. We set the line height to 1.6rem and the font size to 16px for all &lt;p&gt; HTML tags.<\/p>\n\n\n\n<p>The \u201crem\u201d unit of measurement we used with the line-height property sets a line height relative to the font-size of the root element. \u201crem\u201d stands for &#8220;root element.&#8221; So, because our font size was 16px, our line height for this paragraph of text was 25.6px (16px * 1.6).<\/p>\n\n\n\n<p>The text in the paragraph above is adequately spaced out and does not overlap.<\/p>\n\n\n\n<p>We could also apply our line-height to our &lt;div&gt; element in the above example. This would set the line height for all the text in our &lt;div&gt; tag to the values we specified. This would mean that both our title and our &lt;p&gt; tag would be affected.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>The CSS line-height property sets the height of a line box. Usually, this property is used to set the spacing between lines of text in a paragraph or heading. The line-height can be set using the normal keyword, a percentage, a length, or a numerical value.<\/p>\n\n\n\n<p>This tutorial discussed the basics of the CSS line-height property and how you can use it in your code. Now you have the knowledge you need to start using the CSS line-height property like an expert!<\/p>\n\n\n\n<p>Are you looking to become a web developer? Check out our <a href=\"https:\/\/careerkarma.com\/blog\/learn-css\/\">How to Learn CSS guide<\/a> for expert tips and guidance on the top learning resources and courses.<\/p>\n","protected":false},"excerpt":{"rendered":"The CSS line-height property determines the line height of different HTML elements. It is commonly used to set the distance between lines of text. A line height can be set using keywords, percentages, or numerical values. The CSS line-height property allows developers to define the space between two inline elements on a web page. Developers&hellip;","protected":false},"author":240,"featured_media":17602,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17287],"tags":[],"class_list":{"0":"post-17601","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-css"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"CSS","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v27.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>CSS Line Height: A How-To Guide | Career Karma<\/title>\n<meta name=\"description\" content=\"The CSS line-height property declares the height of a line box. Developers often use this property to space out text on a web page. On Career Karma, learn how to use the CSS line-height property.\" \/>\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\/css-line-height\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Line Height: A How-To Guide\" \/>\n<meta property=\"og:description\" content=\"The CSS line-height property declares the height of a line box. Developers often use this property to space out text on a web page. On Career Karma, learn how to use the CSS line-height property.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/css-line-height\/\" \/>\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-12-21T08:21:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T12:06:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/african-american-woman-black-girl-black-woman-chair-1181414-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1020\" \/>\n\t<meta property=\"og:image:height\" content=\"681\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"James Gallagher\" \/>\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=\"James Gallagher\" \/>\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\/css-line-height\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-line-height\/\"},\"author\":{\"name\":\"James Gallagher\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94\"},\"headline\":\"CSS Line Height: A How-To Guide\",\"datePublished\":\"2020-12-21T08:21:13+00:00\",\"dateModified\":\"2023-12-01T12:06:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-line-height\/\"},\"wordCount\":888,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-line-height\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/african-american-woman-black-girl-black-woman-chair-1181414-1.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/careerkarma.com\/blog\/css-line-height\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-line-height\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/css-line-height\/\",\"name\":\"CSS Line Height: A How-To Guide | Career Karma\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-line-height\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-line-height\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/african-american-woman-black-girl-black-woman-chair-1181414-1.jpg\",\"datePublished\":\"2020-12-21T08:21:13+00:00\",\"dateModified\":\"2023-12-01T12:06:18+00:00\",\"author\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94\"},\"description\":\"The CSS line-height property declares the height of a line box. Developers often use this property to space out text on a web page. On Career Karma, learn how to use the CSS line-height property.\",\"breadcrumb\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-line-height\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/careerkarma.com\/blog\/css-line-height\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-line-height\/#primaryimage\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/african-american-woman-black-girl-black-woman-chair-1181414-1.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/african-american-woman-black-girl-black-woman-chair-1181414-1.jpg\",\"width\":1020,\"height\":681},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-line-height\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/careerkarma.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS\",\"item\":\"https:\/\/careerkarma.com\/blog\/css\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"CSS Line Height: A How-To Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\",\"url\":\"https:\/\/careerkarma.com\/blog\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; 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\/e79364792443fbff794a144c67ec8e94\",\"name\":\"James Gallagher\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg\",\"caption\":\"James Gallagher\"},\"description\":\"James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.\",\"url\":\"https:\/\/careerkarma.com\/blog\/author\/jamesgallagher\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CSS Line Height: A How-To Guide | Career Karma","description":"The CSS line-height property declares the height of a line box. Developers often use this property to space out text on a web page. On Career Karma, learn how to use the CSS line-height property.","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\/css-line-height\/","og_locale":"en_US","og_type":"article","og_title":"CSS Line Height: A How-To Guide","og_description":"The CSS line-height property declares the height of a line box. Developers often use this property to space out text on a web page. On Career Karma, learn how to use the CSS line-height property.","og_url":"https:\/\/careerkarma.com\/blog\/css-line-height\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-12-21T08:21:13+00:00","article_modified_time":"2023-12-01T12:06:18+00:00","og_image":[{"width":1020,"height":681,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/african-american-woman-black-girl-black-woman-chair-1181414-1.jpg","type":"image\/jpeg"}],"author":"James Gallagher","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"James Gallagher","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/css-line-height\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/css-line-height\/"},"author":{"name":"James Gallagher","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"headline":"CSS Line Height: A How-To Guide","datePublished":"2020-12-21T08:21:13+00:00","dateModified":"2023-12-01T12:06:18+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-line-height\/"},"wordCount":888,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-line-height\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/african-american-woman-black-girl-black-woman-chair-1181414-1.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/css-line-height\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/css-line-height\/","url":"https:\/\/careerkarma.com\/blog\/css-line-height\/","name":"CSS Line Height: A How-To Guide | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-line-height\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-line-height\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/african-american-woman-black-girl-black-woman-chair-1181414-1.jpg","datePublished":"2020-12-21T08:21:13+00:00","dateModified":"2023-12-01T12:06:18+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"description":"The CSS line-height property declares the height of a line box. Developers often use this property to space out text on a web page. On Career Karma, learn how to use the CSS line-height property.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/css-line-height\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/css-line-height\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/css-line-height\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/african-american-woman-black-girl-black-woman-chair-1181414-1.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/african-american-woman-black-girl-black-woman-chair-1181414-1.jpg","width":1020,"height":681},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/css-line-height\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS","item":"https:\/\/careerkarma.com\/blog\/css\/"},{"@type":"ListItem","position":3,"name":"CSS Line Height: A How-To Guide"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; 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\/e79364792443fbff794a144c67ec8e94","name":"James Gallagher","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","caption":"James Gallagher"},"description":"James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.","url":"https:\/\/careerkarma.com\/blog\/author\/jamesgallagher\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/17601","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\/240"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=17601"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/17601\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/17602"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=17601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=17601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=17601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}