{"id":5874,"date":"2016-06-24T00:00:00","date_gmt":"2016-06-24T00:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis\/"},"modified":"2022-06-16T12:14:13","modified_gmt":"2022-06-16T16:14:13","slug":"identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis","title":{"rendered":"Identify HTML and CSS Issues + Troubleshoot Your Emails with Code Analysis"},"content":{"rendered":"\n\n\t<div id=\"simple-text-block-block_62ab565eee9cc\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p><script src=\"\/\/fast.wistia.com\/embed\/medias\/l53nzov0mw.jsonp\"><\/script><script src=\"\/\/fast.wistia.com\/assets\/external\/E-v1.js\"><\/script><\/p>\n<div class=\"wistia_embed wistia_async_l53nzov0mw seo=false mb-5\" style=\"height:270px;width:550px\">&nbsp;<\/div>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<p>Designing emails can be tricky. Between strange gaps, images not displaying as intended, and countless other rendering issues, when it comes to email, there is a lot that can go wrong. While identifying rendering problems is relatively easy, it\u2019s much more difficult to understand the cause of those problems. How many times have you asked yourself, \u201cWhat\u2019s wrong with my code?\u201d<\/p>\n<p>That\u2019s why we\u2019ve made it our mission at Litmus to help make email better. Our features empower email professionals to build, test, and troubleshoot their emails faster and easier than ever before.<\/p>\n<p>Today, we\u2019re thrilled to (re)introduce another feature aimed at this goal.<\/p>\n<h2>Re-Introducing: Code Analysis<\/h2>\n<p>This isn\u2019t the first time we\u2019ve had a Code Analysis tool. Our <a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/identify-problems-and-troubleshoot-your-email-with-code-analysis\">initial report<\/a> addressed client-specific CSS bugs in your email\u2019s HTML. While extremely helpful, it was limited to CSS properties, and didn\u2019t include HTML attributes.<\/p>\n<p>Although great for beginners just getting started with the quirks of HTML email, it wasn\u2019t as useful for those with more advanced knowledge. So, we went back to the drawing board, improving the feature from the ground up.<\/p>\n<h3>What\u2019s new with Code Analysis?<\/h3>\n<p>Code Analysis is easier, faster, and more contextual than ever before. Plus, it\u2019s directly integrated with <a rel=\"noopener\" href=\"https:\/\/litmus.com\/email-builder\">Litmus Builder<\/a>.<\/p>\n<h4>Instantly identify issues in your code<\/h4>\n<p>When building or editing an email or template in Litmus Builder, you can toggle on Code Analysis in the detailed view of an individual email client. Any unsupported HTML or CSS properties in that specific email client will be highlighted, saving you countless hours of troubleshooting. With Code Analysis activated, you can toggle through dozens of email clients to see support for HTML and CSS in each of those clients.<\/p>\n<figure id=\"post-13691 media-13691\" class=\"aligncenter nudged\"><img decoding=\"async\" class=\" shaded\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/screen-shot-2016-06-24-at-11.36.26-am.png\" alt=\"Screen Shot 2016-06-24 at 11.36.26 AM\" \/><\/figure>\n<p>Code Analysis allows you to build bulletproof emails by clearly identifying areas where your code needs to be improved. Seeing an issue in Outlook 2007? Code Analysis will point out any issues with your code in that client. You can validate your HTML and CSS\u2014and troubleshoot rendering issues\u2014in every email client faster than ever before.<\/p>\n<h4>Which email clients support Code Analysis in Litmus Builder?<\/h4>\n<p><strong>Desktop clients<\/strong><\/p>\n<ul>\n<li>Apple Mail 8 + 9<\/li>\n<li>Outlook 2011 + 2016 for Mac<\/li>\n<li>Outlook 2000, 2003, 2007, 2010, 2013, + 2016<\/li>\n<li>Lotus Notes 8.5 + 9<\/li>\n<li>Thunderbird<\/li>\n<\/ul>\n<p><strong>Mobile clients<\/strong><\/p>\n<ul>\n<li>Android 4.4 Native Email App<\/li>\n<li>Gmail App (Android)<\/li>\n<li>iPhone 5S (iOS 8)<\/li>\n<li>iPhone 6 (iOS 8)<\/li>\n<li>iPhone 6 Plus (iOS 8)<\/li>\n<li>iPhone 6s (iOS 9)<\/li>\n<li>iPhone 6s Plus (iOS 9)<\/li>\n<li>iPad (Retina) (iOS 9)<\/li>\n<li>iPad Mini (iOS 9)<\/li>\n<\/ul>\n<p><strong>Webmail clients<\/strong><\/p>\n<ul>\n<li>AOL Mail (Chrome, Firefox, + Internet Explorer)<\/li>\n<li>Gmail (Chrome, Firefox, + Internet Explorer)<\/li>\n<li>Google Apps (Chrome, Firefox, + Internet Explorer)<\/li>\n<li>Outlook.com (Chrome, Firefox, + Internet Explorer)<\/li>\n<li>Office 365 (Chrome, Firefox, + Internet Explorer)<\/li>\n<li>Yahoo! Mail (Chrome, Firefox, + Internet Explorer)<\/li>\n<\/ul>\n<h4>Who has access to Code Analysis?<\/h4>\n<p>Code Analysis is available on every paid Litmus plan, and is part of our Litmus Builder product.<\/p>\n<h4>Notice anything we&#8217;re missing?<\/h4>\n<p>Find any bugs? Or notice any HTML or CSS code analysis that we&#8217;re missing? <a rel=\"noopener\" target=\"_blank\" href=\"mailto:hello@litmus.com\">Email us<\/a> and we&#8217;ll be sure to update it. We&#8217;re always looking to improve our functionalities!<\/p>\n<h2>START TROUBLESHOOTING FASTER THAN EVER BEFORE<\/h2>\n<p>Sign up today to get access to Code Analysis in Litmus Builder.<\/p>\n<p><a class=\"btn medium orange\" style=\"color: #fff; font-size: 16px; font-weight: bold;\" rel=\"noopener\" href=\"https:\/\/litmus.com\/pricing\">Sign up for Litmus today \u2192<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Designing emails is hard. With Code Analysis by Litmus you can see any unsupported HTML and CSS in your code. Troubleshooting has never been easier.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[478,499,102,168],"blog_category":[61],"class_list":["post-5874","post","type-post","status-publish","format-standard","hentry","tag-design","tag-email-coding","tag-html","tag-troubleshooting","blog_category-features-updates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Identify HTML and CSS Issues + Troubleshoot Your Emails with Code Analysis - Litmus<\/title>\n<meta name=\"description\" content=\"Designing emails is hard. With Code Analysis by Litmus you can see any unsupported HTML and CSS in your code. Troubleshooting has never been easier.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Identify HTML and CSS Issues + Troubleshoot Your Emails with Code Analysis\" \/>\n<meta property=\"og:description\" content=\"Designing emails is hard. With Code Analysis by Litmus you can see any unsupported HTML and CSS in your code. Troubleshooting has never been easier.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-24T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-16T16:14:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/screen-shot-2016-06-24-at-11.36.26-am.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Identify HTML and CSS Issues + Troubleshoot Your Emails with Code Analysis - Litmus","description":"Designing emails is hard. With Code Analysis by Litmus you can see any unsupported HTML and CSS in your code. Troubleshooting has never been easier.","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:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis","og_locale":"en_US","og_type":"article","og_title":"Identify HTML and CSS Issues + Troubleshoot Your Emails with Code Analysis","og_description":"Designing emails is hard. With Code Analysis by Litmus you can see any unsupported HTML and CSS in your code. Troubleshooting has never been easier.","og_url":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2016-06-24T00:00:00+00:00","article_modified_time":"2022-06-16T16:14:13+00:00","og_image":[{"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/screen-shot-2016-06-24-at-11.36.26-am.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis"},"author":{"name":"","@id":""},"headline":"Identify HTML and CSS Issues + Troubleshoot Your Emails with Code Analysis","datePublished":"2016-06-24T00:00:00+00:00","dateModified":"2022-06-16T16:14:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis"},"wordCount":530,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/screen-shot-2016-06-24-at-11.36.26-am.png","keywords":["Design","Email Coding","HTML","Troubleshooting"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis","url":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis","name":"Identify HTML and CSS Issues + Troubleshoot Your Emails with Code Analysis - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/screen-shot-2016-06-24-at-11.36.26-am.png","datePublished":"2016-06-24T00:00:00+00:00","dateModified":"2022-06-16T16:14:13+00:00","description":"Designing emails is hard. With Code Analysis by Litmus you can see any unsupported HTML and CSS in your code. Troubleshooting has never been easier.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/screen-shot-2016-06-24-at-11.36.26-am.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/screen-shot-2016-06-24-at-11.36.26-am.png","width":2558,"height":1302},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/identify-html-and-css-issues-troubleshoot-your-emails-with-code-analysis#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"Identify HTML and CSS Issues + Troubleshoot Your Emails with Code Analysis"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/5874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=5874"}],"version-history":[{"count":12,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/5874\/revisions"}],"predecessor-version":[{"id":49571,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/5874\/revisions\/49571"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=5874"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=5874"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=5874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}