{"id":3949,"date":"2023-03-08T03:30:00","date_gmt":"2023-03-07T22:00:00","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=3949"},"modified":"2023-03-09T18:00:05","modified_gmt":"2023-03-09T12:30:05","slug":"inline-css-in-html-emails","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/","title":{"rendered":"Using Inline CSS in HTML Emails- The Essential Guide"},"content":{"rendered":"\n<p>Crafting an HTML email that lands all the right punches is no child\u2019s play. Sure, it allows you to deliver a user experience par none, but not without first demanding an incredible volume of hard yards from you. If you were to picture an HTML email as one giant machinery, you\u2019d be remiss not to regard the several constituent nuts and bolts that keep it in place, i.e., the best practices that are followed while developing one.&nbsp;<\/p>\n\n\n\n<p>Among these crucial components is CSS or Cascading Style Sheets. CSS, in email, dictates how various HTML elements, like tables, images, colors, buttons, and the like appear in the email. Moreover, it also enables you to introduce animations and effects to your templates. In a nutshell, it breathes life into your <a href=\"https:\/\/email.uplers.com\/modular-email-templates-services\/\" target=\"_blank\" rel=\"noreferrer noopener\">modular email templates<\/a>, laying the foundation for increased engagement and interactions.<\/p>\n\n\n\n<p>Here\u2019s a comparative look of how an email looks with and without the inline CSS property.<br><br>With CSS:<\/p>\n\n\n<!-- image-text-block start -->\r\n<section class=\"image-text-block\">\r\n    <div class=\"main\">\r\n    \t\t        <div class=\"content\">\r\n\t        \t\t\t            <div class=\"item\">\r\n\t\t                <div class=\"left image-popup-box\">\r\n\t\t                \t\t\t                <\/div>\r\n\t\t                \t\t\t                <div class=\"right\">\r\n\t\t\t                \t\t\t\t\t                    <div class=\"border-wrap\">\r\n\t\t\t\t                    \t<div class=\"templatepopup\" data-attr=\"card-block_64087b90f6783_1\" style=\"background-image:url('https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/03\/email_with_css-.png');\"><\/div>\r\n\t\t\t\t                    <\/div>\r\n\t\t\t                    \t\t\t                    <div class=\"blog-popup\" id=\"card-block_64087b90f6783_1\">\r\n\t\t\t                        <div class=\"rapper\">\r\n\t\t\t                        <div class=\"close-btn\"><span><\/span><span><\/span><span><\/span><\/div>\r\n\t\t\t                        \t\t\t                            <div class=\"inner\">\r\n\t\t\t                                <img decoding=\"async\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/03\/email_with_css-.png\" alt=\"email_with_css\">\r\n\t\t\t                            <\/div>\r\n\t\t\t                        \t\t\t                        <\/div>\r\n\t\t\t                    <\/div>\r\n\t\t\t                    <div class=\"source\">\r\n\t\t\t                    \t\t\t\t                    <\/div>\r\n\t\t\t                <\/div>\r\n\t\t\t            \t\t            <\/div>\r\n\t\t        \t\t            <div class=\"item\">\r\n\t\t                <div class=\"left image-popup-box\">\r\n\t\t                \t\t\t\t                    <div class=\"inner-content\">\r\n\t\t\t                       <p><span style=\"font-weight: 400;\">Without CSS:<\/span><\/p>\n\t\t\t                    <\/div>\r\n\t\t\t                \t\t                <\/div>\r\n\t\t                \t\t\t                <div class=\"right\">\r\n\t\t\t                \t\t\t\t\t                    <div class=\"border-wrap\">\r\n\t\t\t\t                    \t<div class=\"templatepopup\" data-attr=\"card-block_64087b90f6783_2\" style=\"background-image:url('https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/03\/email_without_css.png');\"><\/div>\r\n\t\t\t\t                    <\/div>\r\n\t\t\t                    \t\t\t                    <div class=\"blog-popup\" id=\"card-block_64087b90f6783_2\">\r\n\t\t\t                        <div class=\"rapper\">\r\n\t\t\t                        <div class=\"close-btn\"><span><\/span><span><\/span><span><\/span><\/div>\r\n\t\t\t                        \t\t\t                            <div class=\"inner\">\r\n\t\t\t                                <img decoding=\"async\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/03\/email_without_css.png\" alt=\"email_without_css\">\r\n\t\t\t                            <\/div>\r\n\t\t\t                        \t\t\t                        <\/div>\r\n\t\t\t                    <\/div>\r\n\t\t\t                    <div class=\"source\">\r\n\t\t\t                    \t\t\t\t                    <\/div>\r\n\t\t\t                <\/div>\r\n\t\t\t            \t\t            <\/div>\r\n\t\t        \t        <\/div>\r\n\t        <\/div>\r\n<\/section>\r\n<!-- image-text-block end -->\r\n\n\n\n<p>Despite its ceaseless charm, however, implementing CSS in HTML emails is far from rosy. Why, you ask? Because the prevalent email clients in the market don\u2019t offer uniform support for CSS. So, if you\u2019re not mindful of these limitations, you\u2019ll end up inviting an undesirable pageant of formatting and rendering issues.&nbsp;<\/p>\n\n\n\n<p>The easiest way to reign in these issues is by using inline CSS. What is that now? You see, there are three ways in which CSS can be written in an HTML document: external, embedded, and inline. Thus, in order for us, to have the due context regarding inline CSS, it is necessary that we first gain a basic understanding of all the three methods.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Understanding the Different Types of CSS<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>External: In this approach, you will link your page to an external .css file. Said file can be created with the help of any text editor and is connected to the &lt;head&gt; &lt;\/head&gt; tags of the main HTML document through a &lt;link&gt; tag. While developing pages, using external CSS is more or less the standard protocol. However, when email comes into the picture, the scenario changes drastically. An external link that requests the email client to browse the internet, scan the requisite file, and then upload it is perceived as spam by the client, which is why they end up blocking such links.&nbsp;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Embedded\/Internal: With internal CSS, you are required to place the style code within the &lt;head&gt; &lt;\/head&gt; tags of the HTML document. Now, the problem with this is that most email clients clip off everything that exists above the body tag, thereby causing your email to be formatted in the client\u2019s default style. Of late, though, support for internal CSS has increased, largely thanks to the rise of responsive emails. Still, it\u2019s not as reliable as you\u2019d wish for it to be.&nbsp;<br><\/li><li>Inline: In inline CSS, you are required to specify the style of every individual HTML element (within its style attribute). This method is, admittedly, pretty tedious, hampers the readability of the code, and consumes copious amounts of your developer\u2019s time. But, this is the only way that is supported by email clients, so you don\u2019t have much of an option, really. In fact, as many as <a href=\"https:\/\/www.litmus.com\/blog\/do-email-marketers-and-designers-still-need-to-inline-css\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">86% of email designers<\/a> utilize this technique and agencies offering email design services greatly prioritize it. In case you\u2019re wondering, yes, there is a workaround to the dreary bits of this approach- using a CSS inline editor tool. We\u2019ll address that topic shortly.&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Advantages of using Inline CSS<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>We\u2019ll start with the obvious, which we\u2019ve already touched upon in the previous segment- inline CSS receives support from all the popular email clients and ESPs. Therefore, irrespective of which client your audience is using, inlining your CSS gives you the best shot at delivering a uniform experience to them all.&nbsp;<br><\/li><li>Compared to external CSS, this route doesn\u2019t require you to develop and upload an additional document, fostering greater convenience in the process.&nbsp;<br><\/li><li>They enjoy higher precedence, meaning they override the existing external and internal stylesheets.<br><\/li><li>Since this method is relatively straightforward to implement, it proves to be handy while previewing and testing changes.&nbsp;<\/li><\/ul>\n\n\n\n<p>As we mentioned earlier, despite its many pros, inline CSS can be a huge drain on your time and severely disfigure the structure of your code. To keep these problems at bay, we use inliner tools, also the subject of our next segment. Let\u2019s take a look.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Best CSS Inline Tools For Email<\/strong><\/h2>\n\n\n\n<p>Although coding is a crucial aspect of an HTML email, never lose sight of the fact that it is, at the end of the day, one of many such important factors. Should you remain fixated on it, you risk neglecting other considerations necessary to develop a top-notch HTML template. Inlining your CSS is one task that can take an inordinate amount of your time, leaving you with pity change for attending to the other critical pillars. Thankfully, inliner tools exist. Below, we take a look at some of the best ones in operation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Mailchimp CSS Inliner<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>As a premier ESP, Mailchimp is no stranger to email clients\u2019 tendencies of stripping content present in the &lt;head&gt; and &lt;style&gt; tags of the email code. Hence, they offer a conversion tool that automatically inlines your CSS.<\/li><li>From your end, all you have to do is paste your email\u2019s HTML and click the \u201cConvert\u201d button to obtain the email-friendly inline version.&nbsp;<\/li><li>The tool doesn\u2019t disturb media queries (usually added for effecting responsive styling), if any, present in your CSS.&nbsp;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Litmus PutsMail CSS Inliner<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Prior to its acquisition of Putsmail, Litmus didn\u2019t have any standalone inliner tool, only the Litmus Builder- a code editor that helps developers to <a href=\"https:\/\/email.uplers.com\/blog\/create-html-email\/\" target=\"_blank\" rel=\"noreferrer noopener\">build HTML email templates<\/a> from scratch and also allows users to inline their email\u2019s CSS. Using its visual editor, one can design pixel-perfect and branded templates, all without any coding knowledge. The code editor also gives you the choice of syncing your code directly with your ESP. This way, any changes you make in the editor, reflect automatically across your ESP as well.&nbsp;<\/li><li>While the code editor remains to date, Litmus now also boasts of a freestanding inliner tool developed post its purchase of PutsMail. With the help of the Litmus PutsMail CSS inliner, you can easily inline your CSS with a simple copy-paste maneuver.&nbsp;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Campaign Monitor CSS Inliner<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Campaign Monitor\u2019s CSS inliner is compatible with multiple responsive email frameworks.<\/li><li>It deals reliably with web fonts, media queries, and other related techniques wherein one requires only certain portions of the CSS to be inlined and remaining, left untouched.<\/li><\/ul>\n\n\n\n<p>Additionally, Campaign Monitor also provides a CSS guide with the help of which users can choose from different email clients across mobile, desktop, and web to determine which CSS elements will work.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Responsive Email CSS Inliner<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Developed by HTML email, responsive email CSS inliner not only inlines your CSS automatically (much like the other entries in this list) but also shows you the resulting email would look (across both mobile and desktop).<\/li><li>It also lets you download a .html file of the email.<\/li><li>Responsive Email CSS inliner is powered by Juice, an open-source project. Hence, it can be integrated, hassle-free, into your Node.js projects.&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Few Best Practices to Keep in Mind While Using CSS in HTML Emails<\/strong><\/h2>\n\n\n\n<p>Embracing inline CSS in favor of external and embedded CSS isn\u2019t the sole way to maximize the impact of CSS in your HTML emails. Let\u2019s take a look at some other ways.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Avoid writing shorthand CSS. You may run into rendering issues with certain email clients. In a similar vein, steer clear of using three-digit hex codes. Make it a habit to use full six-digit hex codes every time.<\/li><li>Consider doing away with background images. A large number of email users turn off images to increase the load time. They increase the visual appeal of your email, sure, but it all boils down to functionality, eventually. If users aren\u2019t inclined to engage with them, omitting them is no harm.<\/li><li>Add the !important declaration to your vocabulary. It enables you to override styles that are added or modified by email and web clients. They also come in handy while writing media queries. How? You can use it to override a default style with one that is mobile-specific.<\/li><li>Speaking of media queries, you only stand to gain by becoming fluent with them. They have a wide range of applications- creating custom styles for different clients or screen sizes, controlling image and font sizes, and hiding content unnecessary for mobile users, to name some. Don\u2019t forget to pair them up with !important so that they are able to override existing styles.&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wrapping It Up<\/strong><\/h2>\n\n\n\n<p>The potential of email as a communication channel is secret to none. To harness its true potential, you must work towards increasing the user experience of your email campaigns. This is what using CSS helps you with, so long you inline. Along with illustrating the virtues of this technique, we hope we have also been able to make you consider embracing the tools listed above. They\u2019re sure to fast-track your development process!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>New to using inline CSS in HTML emails? Let this blog be your guide!<\/p>\n","protected":false},"author":55,"featured_media":35419,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[382],"tags":[385,52,386,383,384],"class_list":["post-3949","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-coding","tag-external-css","tag-html-coding","tag-html-emails","tag-inline-css","tag-internal-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>A Complete Guide on Using inline CSS in HTML Emails<\/title>\n<meta name=\"description\" content=\"CSS in email, dictates how various HTML elements, like tables, images, colors, &amp; buttons. Here is a complete guide on using inline CSS in HTML Emails. Read more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Complete Guide on Using inline CSS in HTML Emails\" \/>\n<meta property=\"og:description\" content=\"CSS in email, dictates how various HTML elements, like tables, images, colors, &amp; buttons. Here is a complete guide on using inline CSS in HTML Emails. Read more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/\" \/>\n<meta property=\"og:site_name\" content=\"Email Uplers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/email.uplers\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-07T22:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-09T12:30:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2016\/07\/Inline-CSS-In-HTML-Emails-540x282.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"282\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rohan Kar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:site\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rohan Kar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/\",\"name\":\"A Complete Guide on Using inline CSS in HTML Emails\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2016\/07\/Inline-CSS-In-HTML-Emails.jpg\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/0dd451544df90306dc93c510e8aed2ee\"},\"description\":\"CSS in email, dictates how various HTML elements, like tables, images, colors, & buttons. Here is a complete guide on using inline CSS in HTML Emails. Read more.\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2016\/07\/Inline-CSS-In-HTML-Emails.jpg\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2016\/07\/Inline-CSS-In-HTML-Emails.jpg\",\"width\":1170,\"height\":470,\"caption\":\"Inline CSS In HTML Emails\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Inline CSS in HTML Emails- The Essential Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\",\"url\":\"https:\/\/email.uplers.com\/blog\/\",\"name\":\"Email Uplers\",\"description\":\"Email Marketing Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/email.uplers.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/0dd451544df90306dc93c510e8aed2ee\",\"name\":\"Rohan Kar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/08\/image_2021_08_09T04_52_53_994Z-min-96x96.png\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/08\/image_2021_08_09T04_52_53_994Z-min-96x96.png\",\"caption\":\"Rohan Kar\"},\"description\":\"Rohan Kar works as a Content Writer at Email Uplers, An engineering graduate, he was quick to realize that his calling lied in other pastures. When not writing, he can be found participating in elaborate movie marathons or aggressive book circle discussions.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A Complete Guide on Using inline CSS in HTML Emails","description":"CSS in email, dictates how various HTML elements, like tables, images, colors, & buttons. Here is a complete guide on using inline CSS in HTML Emails. Read more.","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:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/","og_locale":"en_US","og_type":"article","og_title":"A Complete Guide on Using inline CSS in HTML Emails","og_description":"CSS in email, dictates how various HTML elements, like tables, images, colors, & buttons. Here is a complete guide on using inline CSS in HTML Emails. Read more.","og_url":"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2023-03-07T22:00:00+00:00","article_modified_time":"2023-03-09T12:30:05+00:00","og_image":[{"width":540,"height":282,"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2016\/07\/Inline-CSS-In-HTML-Emails-540x282.jpg","type":"image\/jpeg"}],"author":"Rohan Kar","twitter_card":"summary_large_image","twitter_creator":"@email_uplers","twitter_site":"@email_uplers","twitter_misc":{"Written by":"Rohan Kar","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/","url":"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/","name":"A Complete Guide on Using inline CSS in HTML Emails","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2016\/07\/Inline-CSS-In-HTML-Emails.jpg","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/0dd451544df90306dc93c510e8aed2ee"},"description":"CSS in email, dictates how various HTML elements, like tables, images, colors, & buttons. Here is a complete guide on using inline CSS in HTML Emails. Read more.","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2016\/07\/Inline-CSS-In-HTML-Emails.jpg","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2016\/07\/Inline-CSS-In-HTML-Emails.jpg","width":1170,"height":470,"caption":"Inline CSS In HTML Emails"},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/inline-css-in-html-emails\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Using Inline CSS in HTML Emails- The Essential Guide"}]},{"@type":"WebSite","@id":"https:\/\/email.uplers.com\/blog\/#website","url":"https:\/\/email.uplers.com\/blog\/","name":"Email Uplers","description":"Email Marketing Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/email.uplers.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/0dd451544df90306dc93c510e8aed2ee","name":"Rohan Kar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/08\/image_2021_08_09T04_52_53_994Z-min-96x96.png","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/08\/image_2021_08_09T04_52_53_994Z-min-96x96.png","caption":"Rohan Kar"},"description":"Rohan Kar works as a Content Writer at Email Uplers, An engineering graduate, he was quick to realize that his calling lied in other pastures. When not writing, he can be found participating in elaborate movie marathons or aggressive book circle discussions."}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/3949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/comments?post=3949"}],"version-history":[{"count":39,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/3949\/revisions"}],"predecessor-version":[{"id":35441,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/3949\/revisions\/35441"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/35419"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=3949"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=3949"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=3949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}