{"id":24797,"date":"2024-12-27T01:39:13","date_gmt":"2024-12-27T01:39:13","guid":{"rendered":"https:\/\/www.gmass.co\/blog\/?p=24797"},"modified":"2024-12-27T01:39:13","modified_gmt":"2024-12-27T01:39:13","slug":"html-space","status":"publish","type":"post","link":"https:\/\/www.gmass.co\/blog\/html-space\/","title":{"rendered":"How to Add a HTML Space in Gmail (Easy Solution)"},"content":{"rendered":"<p>If you\u2019ve ever tried to add a HTML space in Gmail, you\u2019ve learned what we\u2019ve <em>all<\/em>\u00a0learned at one point or another:<\/p>\n<p><strong>There\u2019s no native way to add a HTML space in Gmail<\/strong>.<\/p>\n<p>Or\u2026 to add <em>any<\/em>\u00a0HTML in Gmail.<\/p>\n<p>You can\u2019t, say, quickly flip your Gmail compose window over to HTML mode. Google didn\u2019t build any HTML editing capabilities into their app.<\/p>\n<p>So we sigh, shrug \u2014 and now, we move on to our alternatives.<\/p>\n<p>In this article, I\u2019ll cover <strong>five different ways to add a quick space in HTML<\/strong>. Then I\u2019ll cover the <strong>different ways to add HTML spaces in Gmail<\/strong>: Both the hard way and the easy way.<\/p>\n<p>Plus, while you\u2019re learning how to add HTML to Gmail, I\u2019ll share a way to <strong>use HTML to turn Gmail into a full-on email marketing platform<\/strong>.<\/p>\n<h2 id=\"html-space-table-of-qkpg\">HTML Space: Table of Contents<\/h2>\n<ul>\n<li><a href=\"#5-ways-to-add-a-spac-kpmg\">5 Ways to Add a Space with HTML<\/a><\/li>\n<li id=\"5-ways-to-add-a-spac-kpmg\"><a href=\"#the-hard-way-to-add-obwy\">The Hard Way to Add a HTML Space in Gmail<\/a><\/li>\n<li><a href=\"#the-easy-way-to-add-sedu\">The Easy Way to Add a HTML Space in Gmail<\/a><\/li>\n<li><a href=\"#beyond-the-html-spac-xavm\">Beyond the HTML Space: How GMass Transforms Gmail<\/a><\/li>\n<\/ul>\n<h2>5 Ways to Add a Space with HTML<\/h2>\n<p>It may be hard to add a HTML space in Gmail\u2026 but it\u2019s easy to add a space in HTML itself.<\/p>\n<p>There are <em>lots<\/em>\u00a0of different ways.<\/p>\n<p>Unfortunately, <strong>none of them is as simple as typing a couple of spaces<\/strong>.<\/p>\n<p>If you type \u201chello \u00a0there\u201d, HTML turns that into \u201chello there\u201d \u2014 unless you take measures to retain the spacing you want.<\/p>\n<p>Here are all the different ways to add a HTML space, which I\u2019ve ranked roughly by how common they are.<\/p>\n<p>And note: I\u2019m not using CSS here. We\u2019re going for pure HTML code options, as those are the <strong>fastest option and the most viable when it comes to email<\/strong>.<\/p>\n<h3 id=\"non-breaking-space-n-ssyx\">Non-breaking space (<code>&amp;nbsp;<\/code>)<\/h3>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-nbsp.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-nbsp.png\" alt=\"Using nbsp for a HTML space\" width=\"1676\" height=\"1020\" \/><\/a><\/figure>\n<p>The <strong>most common way to add a space using HTML<\/strong>\u00a0is with the non-breaking space entity, which you insert with the code <code>&amp;nbsp;<\/code>.<\/p>\n<p>It <em>looks<\/em>\u00a0like a regular space, but you can put as many non-breaking spaces as you need and HTML won\u2019t disregard them like it does to your standard extra spaces.<\/p>\n<p>\u201cNon-breaking\u201d space is not just a random name. Browsers won\u2019t break lines between non-breaking spaces; it will keep words with those spaces between them on the same line, even if that causes the content to overflow.<\/p>\n<h3 id=\"small-space-thinsp-fhhw\">Small space (<code>&amp;thinsp;<\/code>)<\/h3>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-thinsp.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-thinsp.png\" alt=\"Using thinsp for a small space\" width=\"1676\" height=\"1018\" \/><\/a><\/figure>\n<p>The thin space in HTML, <code>&amp;thinsp;<\/code>, <strong>creates a space that\u2019s a bit smaller than a regular space<\/strong>.<\/p>\n<p>You may want to use these for stylistic purposes. But if you\u2019re trying to create big gaps between words with multiple spaces, there are much more efficient options.<\/p>\n<h3 id=\"medium-space-ensp-wxat\">Medium space (<code>&amp;ensp;<\/code>)<\/h3>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-ensp.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-ensp.png\" alt=\"Using ensp for a medium space\" width=\"1676\" height=\"1018\" \/><\/a><\/figure>\n<p>When you use <code>&amp;ensp;<\/code> in HTML, it creates an \u201cn\u201d space \u2014 which is <strong>a space that\u2019s half the size of the current font height<\/strong>. (So if you\u2019re using text that\u2019s 12 pixels high, the <code>&amp;ensp;<\/code> space would be six pixels wide.)<\/p>\n<p>The downside of using this space is it\u2019s a little less predictable size-wise than <code>&amp;nbsp;<\/code> \u2014 since that inserts spaces consistent with the spaces in your typeface.<\/p>\n<h3 id=\"large-space-emsp-czeh\">Large space (<code>&amp;emsp;<\/code>)<\/h3>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-emsp.png\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-emsp.png\" alt=\"Using emsp for a large space\" width=\"1676\" height=\"1014\" \/><\/a><\/figure>\n<p>The cousin of the medium space is the large space.<\/p>\n<p>With <code>&amp;emsp;<\/code>, you get the \u201cm\u201d space \u2014 which means <strong>the width of your current font\u2019s height<\/strong>. So if you\u2019re using 12-pixel text, this will create a 12-pixel space.<\/p>\n<p>Once again, this option is a little less predictable size-wise than a non-breaking space. <code>&amp;emsp;<\/code> and <code>&amp;ensp;<\/code> are also less popular and less used than <code>&amp;nbsp;<\/code>. But if you just need some big spaces, this is a good option.<\/p>\n<h3 id=\"pre-formatted-text-p-beve\">Pre-formatted text (<code>&lt;pre&gt;&lt;\/pre&gt;<\/code>)<\/h3>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-pre.png\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-pre.png\" alt=\"Using preformatted text for spaces\" width=\"1676\" height=\"1024\" \/><\/a><\/figure>\n<p>The <code>&lt;pre&gt;<\/code> HTML tag <strong>turns your text into a monospace font<\/strong>\u00a0\u2014 that is, every character is the same width.<\/p>\n<p>And everything you type gets retained inside pre-formatted text, including multiple spaces. So with pre-formatted text, <strong>if you type two spaces, you get two spaces<\/strong>.<\/p>\n<p>All our options, together.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-alloptions.png\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-alloptions.png\" alt=\"All of the HTML space options together\" width=\"1676\" height=\"1028\" \/><\/a><\/figure>\n<p>Once again \u2014 even though we have this variety of ways to add spaces in HTML <strong id=\"the-hard-way-to-add-obwy\">we can\u2019t just plunk any of them into Gmail<\/strong>.<\/p>\n<p>We\u2019ll have to use other techniques to pull that off. Here\u2019s how.<\/p>\n<h2>The Hard Way to Add a HTML Space in Gmail<\/h2>\n<p>First up, I\u2019m going to cover the hard way to add a HTML space in Gmail.<\/p>\n<p>This technique doesn\u2019t require any browser add-ons, but <strong>does feel like a massive, overly technical, hacky, and cumbersome workaround<\/strong>.<\/p>\n<p>Here\u2019s my email where I want to add multiple spaces.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-emailexample.png\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-emailexample.png\" alt=\"Where I want to add spaces in my email\" width=\"1650\" height=\"938\" \/><\/a><\/figure>\n<p>I will now right click and, from the options, I\u2019ll choose <strong>Inspect<\/strong>\u00a0to bring up the Chrome dev tools.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-inspect.png\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-inspect.png\" alt=\"Bringing up the Google developer tools\" width=\"1638\" height=\"1448\" \/><\/a><\/figure>\n<p>That brings up the underlying HTML code of the Gmail website.<\/p>\n<p>I\u2019ll now use <strong>Control-F<\/strong>\u00a0on PC or <strong>Command-F<\/strong>\u00a0on Mac to bring up the search function, and I\u2019ll search for the spot in my email where I want to add my HTML spaces.<\/p>\n<p>Note: There may be a couple of spots where Gmail has this text in your email, as sometimes they\u2019ll put it in a hidden field. Make sure you find the right spot to edit.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-findingthespot.png\" data-rel=\"lightbox-image-8\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-findingthespot.png\" alt=\"Finding the right spot to add a HTML space\" width=\"1999\" height=\"970\" \/><\/a><\/figure>\n<p>Now right click on that text and choose <strong>Edit as HTML<\/strong>\u00a0from the menu.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-editashtml.png\" data-rel=\"lightbox-image-9\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-editashtml.png\" alt=\"Editing as HTML\" width=\"1999\" height=\"971\" \/><\/a><\/figure>\n<p><strong>Type in the ASCII codes for HTML spaces<\/strong>\u00a0in the spot where you want them. I\u2019ll go with the most common option, non-breaking spaces, here.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-addingspaces.png\" data-rel=\"lightbox-image-10\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-addingspaces.png\" alt=\"Adding my HTML spaces to Gmail inside the inspect console\" width=\"1999\" height=\"970\" \/><\/a><\/figure>\n<p>Next click out of that field, then close the Inspect panel with the X on the top right of the panel. There\u2019s no save option or anything; what you\u2019ve typed is automatically saved (at least for this moment, until this tab is refreshed).<\/p>\n<p><strong>Your HTML spaces are now visible in your email<\/strong>. And if you send this email, you\u2019ll send it with those spaces.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-hardwaydone.png\" data-rel=\"lightbox-image-11\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-hardwaydone.png\" alt=\"The result, with spaces added\" width=\"1688\" height=\"1030\" \/><\/a><\/figure>\n<p>While this method worked, it\u2019s clearly imperfect.<\/p>\n<p>This is a <strong>workaround<\/strong>\u00a0and a <strong>somewhat unpredictable one<\/strong>. (I am still never 100% sure my email is going to retain the HTML formatting when I send.)<\/p>\n<p>It\u2019s <strong>not easy to work inside the Chrome dev tools<\/strong>, <em>especially<\/em>\u00a0for people who aren\u2019t super comfortable with HTML.<\/p>\n<p>If any element of the window refreshes (which Gmail will sometimes do), <strong>you\u2019ll lose all the changes you made<\/strong>.<\/p>\n<p>And while you can add a space here or there this way, <strong>imagine trying to add any more complex HTML this way<\/strong>\u00a0\u2014 or edit it.<\/p>\n<p>Fortunately, <strong id=\"the-easy-way-to-add-sedu\">there\u2019s a better way<\/strong>.<\/p>\n<h2>The Easy Way to Add a HTML Space in Gmail<\/h2>\n<p>The easier way to add a space in your emails is by <strong>using a tool that adds HTML editing capabilities to Gmail<\/strong>.<\/p>\n<p>There are a handful of these out there, but I\u2019ll introduce GMass because <strong>it can do a whole lot more than just HTML editing<\/strong>\u00a0\u2014 though it makes <em>that<\/em>\u00a0about as easy as possible.<\/p>\n<p><a href=\"https:\/\/www.gmass.co\">GMass<\/a>\u00a0is a <strong>Chrome extension<\/strong>\u00a0that <strong>actually transforms Gmail into a full-fledged email sending platform<\/strong>. And, yes, gives you HTML editing capabilities as one of its many, many features.<\/p>\n<p>To install GMass, just <strong>install the extension<\/strong>\u00a0from the <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/gmass-powerful-mail-merge\/ehomdgjhgmbidokdgicgmdiedadncbgf\">Chrome Web Store<\/a>.<\/p>\n<p>Head back to Gmail, GMass will have you connect your Gmail account, and you\u2019ll <strong>immediately be able to get started<\/strong>. (There\u2019s no credit card required.)<\/p>\n<p>Time to add HTML spaces.<\/p>\n<p>In your email, <strong>click on the little arrow next to the new GMass button<\/strong>\u00a0you see in the compose window.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-gmasssettings.png\" data-rel=\"lightbox-image-12\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-gmasssettings.png\" alt=\"Bringing up the GMass settings\" width=\"1694\" height=\"1010\" \/><\/a><\/figure>\n<p>That brings up the <strong>GMass settings box<\/strong>, which you\u2019ll use when you send any campaigns through Gmail.<\/p>\n<p>Click on the word <strong>HTML<\/strong>\u00a0in the settings box.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-gmasshtml.png\" data-rel=\"lightbox-image-13\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-gmasshtml.png\" alt=\"HTML option in GMass\" width=\"1694\" height=\"1012\" \/><\/a><\/figure>\n<p>That brings up a <em>much<\/em>\u00a0simpler HTML editing window than you saw in the Chrome dev tools panel.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-gmasshtmlediting.png\" data-rel=\"lightbox-image-14\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-gmasshtmlediting.png\" alt=\"Editing HTML in GMass is much easier\" width=\"1694\" height=\"1012\" \/><\/a><\/figure>\n<p>And you can now <strong>add your HTML spaces<\/strong>.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-addingspacesinGMass.png\" data-rel=\"lightbox-image-15\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-addingspacesinGMass.png\" alt=\"Adding my HTML spaces in GMass\" width=\"1694\" height=\"1010\" \/><\/a><\/figure>\n<p>Click the <strong>Okay<\/strong>\u00a0button, then click back into your message which will close the GMass settings box.<\/p>\n<p>And as you\u2019ll see, you\u2019ve now inserted HTML spaces.<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-gmassresult.png\" data-rel=\"lightbox-image-16\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-gmassresult.png\" alt=\"HTML space added to Gmail the easy way\" width=\"1694\" height=\"1006\" \/><\/a><\/figure>\n<p>Way easier.<\/p>\n<p>And unlike the hard method, you don\u2019t have to worry about Gmail trashing your edits.<\/p>\n<p>But <strong id=\"beyond-the-html-spac-xavm\">this is barely even scratching the surface of what GMass can do<\/strong>\u00a0now that you have it installed in Gmail\u2026<\/p>\n<h2>Beyond the HTML Space: How GMass Transforms Gmail<\/h2>\n<p>GMass isn\u2019t merely an HTML editing tool for Gmail.<\/p>\n<p>It <strong>turns Gmail into a full email marketing platform<\/strong>\u00a0\u2014 one where you can send newsletters, promotional campaigns, and so much more. (It\u2019s also a <a href=\"https:\/\/www.gmass.co\/cold-email\">cold outreach<\/a>\u00a0platform, it\u2019s great for <a href=\"https:\/\/www.gmass.co\/blog\/mail-merge\/\">mail merge<\/a>, <em>and<\/em>\u00a0you can use it for <a href=\"https:\/\/www.gmass.co\/blog\/gmail-email-tracking-track-opens-clicks\/\">email tracking<\/a>.)<\/p>\n<figure style=\"text-align: center;\"><a href=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-gmass.png\" data-rel=\"lightbox-image-17\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-gmass.png\" alt=\"GMass is a complete email platform inside gmail\" width=\"1999\" height=\"1449\" \/><\/a><\/figure>\n<p>And with these HTML editing capabilities, <strong>you can bring full HTML emails into Gmail easily and send them to your list<\/strong>.<\/p>\n<p>Plus, unlike the email marketing platforms you\u2019ve used in the past, <strong>GMass allows you to send unlimited emails to unlimited contacts<\/strong>\u00a0for a fraction of the price of <a href=\"https:\/\/www.gmass.co\/blog\/mailchimp-alternatives\/\">Mailchimp<\/a>\u00a0and others.<\/p>\n<p>Here\u2019s more about <a href=\"https:\/\/www.gmass.co\/blog\/what-makes-gmass-better\/\">what makes GMass better and different<\/a>\u00a0than any other email sending platform on the market today.<\/p>\n<p>When you\u2019re ready to jump in, <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/gmass-powerful-mail-merge\/ehomdgjhgmbidokdgicgmdiedadncbgf\">install the Chrome extension<\/a>\u00a0and you\u2019ll start a free trial \u2014 <strong>no credit card required<\/strong>.<\/p>\n<p>Check out our <a href=\"https:\/\/www.gmass.co\/quickstart-guide\">quickstart guide<\/a>\u00a0and you\u2019ll be <strong>sending your first campaign in a matter of minutes<\/strong>.<\/p>\n<p>Find out why almost <strong>400,000 people<\/strong>\u00a0use GMass to send every possible type of email campaign from inside Gmail \u2014 and why we have an average rating of <strong>4.8 out of 5 stars<\/strong>\u00a0across <strong>10,000+ reviews<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019ve ever tried to add a HTML space in Gmail, you\u2019ve learned what we\u2019ve all\u00a0learned at one point or another: There\u2019s no native way to add a\u2026<\/p>\n","protected":false},"author":29,"featured_media":24801,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-24797","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gmail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\r\n<title>How to Add a HTML Space in Gmail (Easy Solution)<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.gmass.co\/blog\/html-space\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"How to Add a HTML Space in Gmail (Easy Solution)\" \/>\r\n<meta property=\"og:description\" content=\"If you\u2019ve ever tried to add a HTML space in Gmail, you\u2019ve learned what we\u2019ve all\u00a0learned at one point or another: There\u2019s no native way to add a\u2026\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.gmass.co\/blog\/html-space\/\" \/>\r\n<meta property=\"og:site_name\" content=\"GMass Blog\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GmailMailMerge\/\" \/>\r\n<meta property=\"article:published_time\" content=\"2024-12-27T01:39:13+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-feat-tinified.png\" \/>\r\n\t<meta property=\"og:image:width\" content=\"2002\" \/>\r\n\t<meta property=\"og:image:height\" content=\"934\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\r\n<meta name=\"author\" content=\"Sam Greenspan\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:creator\" content=\"@GMassForGmail\" \/>\r\n<meta name=\"twitter:site\" content=\"@GMassForGmail\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sam Greenspan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/\"},\"author\":{\"name\":\"Sam Greenspan\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/#\\\/schema\\\/person\\\/de82c1ac2f78713b569bb57bfb313c98\"},\"headline\":\"How to Add a HTML Space in Gmail (Easy Solution)\",\"datePublished\":\"2024-12-27T01:39:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/\"},\"wordCount\":1546,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/htmlspace-feat-tinified.png\",\"articleSection\":[\"Gmail\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/\",\"url\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/\",\"name\":\"How to Add a HTML Space in Gmail (Easy Solution)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/htmlspace-feat-tinified.png\",\"datePublished\":\"2024-12-27T01:39:13+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/#\\\/schema\\\/person\\\/de82c1ac2f78713b569bb57bfb313c98\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/htmlspace-feat-tinified.png\",\"contentUrl\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/htmlspace-feat-tinified.png\",\"width\":2002,\"height\":934},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/html-space\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a HTML Space in Gmail (Easy Solution)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/\",\"name\":\"GMass Blog\",\"description\":\"Tips and tricks for sending mail merge and mass email campaigns directly from Gmail\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/#\\\/schema\\\/person\\\/de82c1ac2f78713b569bb57bfb313c98\",\"name\":\"Sam Greenspan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/544dc4a3d6b96b537586cdde9d818feb8f0de187faed221fdb0dee3a356bf41a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/544dc4a3d6b96b537586cdde9d818feb8f0de187faed221fdb0dee3a356bf41a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/544dc4a3d6b96b537586cdde9d818feb8f0de187faed221fdb0dee3a356bf41a?s=96&d=mm&r=g\",\"caption\":\"Sam Greenspan\"},\"url\":\"https:\\\/\\\/www.gmass.co\\\/blog\\\/author\\\/sam_greenspan\\\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add a HTML Space in Gmail (Easy Solution)","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.gmass.co\/blog\/html-space\/","og_locale":"en_US","og_type":"article","og_title":"How to Add a HTML Space in Gmail (Easy Solution)","og_description":"If you\u2019ve ever tried to add a HTML space in Gmail, you\u2019ve learned what we\u2019ve all\u00a0learned at one point or another: There\u2019s no native way to add a\u2026","og_url":"https:\/\/www.gmass.co\/blog\/html-space\/","og_site_name":"GMass Blog","article_publisher":"https:\/\/www.facebook.com\/GmailMailMerge\/","article_published_time":"2024-12-27T01:39:13+00:00","og_image":[{"width":2002,"height":934,"url":"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-feat-tinified.png","type":"image\/png"}],"author":"Sam Greenspan","twitter_card":"summary_large_image","twitter_creator":"@GMassForGmail","twitter_site":"@GMassForGmail","twitter_misc":{"Written by":"Sam Greenspan","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.gmass.co\/blog\/html-space\/#article","isPartOf":{"@id":"https:\/\/www.gmass.co\/blog\/html-space\/"},"author":{"name":"Sam Greenspan","@id":"https:\/\/www.gmass.co\/blog\/#\/schema\/person\/de82c1ac2f78713b569bb57bfb313c98"},"headline":"How to Add a HTML Space in Gmail (Easy Solution)","datePublished":"2024-12-27T01:39:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.gmass.co\/blog\/html-space\/"},"wordCount":1546,"commentCount":0,"image":{"@id":"https:\/\/www.gmass.co\/blog\/html-space\/#primaryimage"},"thumbnailUrl":"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-feat-tinified.png","articleSection":["Gmail"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.gmass.co\/blog\/html-space\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.gmass.co\/blog\/html-space\/","url":"https:\/\/www.gmass.co\/blog\/html-space\/","name":"How to Add a HTML Space in Gmail (Easy Solution)","isPartOf":{"@id":"https:\/\/www.gmass.co\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gmass.co\/blog\/html-space\/#primaryimage"},"image":{"@id":"https:\/\/www.gmass.co\/blog\/html-space\/#primaryimage"},"thumbnailUrl":"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-feat-tinified.png","datePublished":"2024-12-27T01:39:13+00:00","author":{"@id":"https:\/\/www.gmass.co\/blog\/#\/schema\/person\/de82c1ac2f78713b569bb57bfb313c98"},"breadcrumb":{"@id":"https:\/\/www.gmass.co\/blog\/html-space\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gmass.co\/blog\/html-space\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gmass.co\/blog\/html-space\/#primaryimage","url":"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-feat-tinified.png","contentUrl":"https:\/\/www.gmass.co\/blog\/wp-content\/uploads\/2024\/12\/htmlspace-feat-tinified.png","width":2002,"height":934},{"@type":"BreadcrumbList","@id":"https:\/\/www.gmass.co\/blog\/html-space\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.gmass.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add a HTML Space in Gmail (Easy Solution)"}]},{"@type":"WebSite","@id":"https:\/\/www.gmass.co\/blog\/#website","url":"https:\/\/www.gmass.co\/blog\/","name":"GMass Blog","description":"Tips and tricks for sending mail merge and mass email campaigns directly from Gmail","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gmass.co\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.gmass.co\/blog\/#\/schema\/person\/de82c1ac2f78713b569bb57bfb313c98","name":"Sam Greenspan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/544dc4a3d6b96b537586cdde9d818feb8f0de187faed221fdb0dee3a356bf41a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/544dc4a3d6b96b537586cdde9d818feb8f0de187faed221fdb0dee3a356bf41a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/544dc4a3d6b96b537586cdde9d818feb8f0de187faed221fdb0dee3a356bf41a?s=96&d=mm&r=g","caption":"Sam Greenspan"},"url":"https:\/\/www.gmass.co\/blog\/author\/sam_greenspan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/posts\/24797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/comments?post=24797"}],"version-history":[{"count":3,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/posts\/24797\/revisions"}],"predecessor-version":[{"id":24800,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/posts\/24797\/revisions\/24800"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/media\/24801"}],"wp:attachment":[{"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/media?parent=24797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/categories?post=24797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gmass.co\/blog\/wp-json\/wp\/v2\/tags?post=24797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}