email html table template

• Home
• Contact

padding: 10px 10px 8px 5px;, but if you are having trouble you may wish to write it out longform, i.e. Design like a professional without Photoshop. Example: To start. I've learned that many email clients ignore linked stylesheets, and many others (including Gmail) ignore CSS block declarations altogether. Share ideas. Note: If any part of your emails content is really important to its message, don’t use an image for it. The SAP HTML Template contains more than the content with layout and data reference to generate dynamic Email and/or rich text. Design, code, video editing, business, and much more. Everything you need for your next creative project. Litmus test results. 18 Great Campaign Monitor Templates for Email and Newsletters, Best Mailchimp Templates to Level Up Your Business Email Newsletter 2021, Mastering MailChimp: Best Templates and Email Tips for MailChimp Newsletters, 20+ Best Responsive Mailchimp Templates for Mobile Email, 22+ MailChimp Templates for Every Purpose and Occasion, The Complete Guide to Designing for Email, A Beginner’s Guide to Email Accessibility (Checklist + Resources), Creating a Future-Proof Responsive Email Without Media Queries, How to Formulate an Email Design and Development Strategy, How to Boost Email Conversions With Personalization and Dynamic Content, Design Considerations for Multiple Email Clients and Devices. To begin with, it’s worth mentioning where I pulled some of the resources from. As a number of people are involved in the creation of an email HTML, even a minor change can take too long to ger resolved. The second table - emailContainer, in this case - is where you can set that width: Many email clients now feature ‘preview’ windows where the email is rendered without the need for the user to truly ‘open’ it. Set your cellpadding and cellspacing to zero to avoid any unexpected space in the table. , body); Demo Download. This post contains a template for sending HTML tables via mail in T-SQL. We’ll also add some padding in between the image and copy in each column. Tables are still the standard. If there’s only one thing you to know about coding email, it’s that tables rule the day. No problem, this tutorial will teach you how to build your own! Pull up a chair for another code lesson! This acts as a true body tag for our email, because styling of the body tag isn’t fully supported. The default vertical alignment is middle. Then we’ll add role="presentation" to the table. Let’s run this through Litmus to make sure nothing is bad or broken, and the structure of the email looks great. ©2001-2020 All Rights Reserved. Set this width using HTML instead of CSS, by using the width attribute. play_arrow. Simply by looking at the code, you can tell there isn’t much to this email’s structure. To set the padding, use the CSS padding property: We’ll style our unsubscribe link using CSS. If your nested table widths are based on percentages, then when you adjust the width of the parent element, everything will adapt accordingly. As per the name, this template is designed completely using the HTML code alone. If a table is nested inside another, the aforementioned rules apply with the exception of a couple important variances: Yahoo Mail (new), Gmail, Outlook 2007 and Eudora apply extra width to account for borders. Get ready to code like a boss! While much of the styling in standards-based HTML is done via CSS, there are times where styling via HTML attributes works better for email. Since then it’s become the go-to reference for industry leaders all over the world, and has been used by millions of beginners as a starting point for their adventures with HTML email templates. Looking for something to help kick start your next project? Style text elements with style="margin: 0;". I’ve changed the text inside them so that we can easily identify each row. Then we’ll add in some CSS into the of our email, to prevent the unsubscribe link appearing blue on Apple devices. We’ll center the image by adding align="center" to our tag. This means we’d have to set height: auto!important on those images using media queries to override the pixel value, but we could do that with a single class. Popular HTML Email Templates on Envato Elements. 600 pixels is a safe maximum width for your emails to display comfortably within most desktop and webmail clients on most screen resolutions. It is useful to prevent our table to push the template to full-width on Outlooks. We’ll also set the valign to top for both cells so that they will vertically align to the top, even if one column has more text than the other. HTML Email Template With Inline CSS Source Code Before sharing source code , let’s talk about this. Bear in mind that when we’re viewing this template through a web browser we’re much less likely to run into problems than with email clients. Because we want a ‘margin’ in between these two cells, but margin isn’t supported, we’ll create a three-column table with an empty cell between the two outer columns. Note: We’re going to leave border="1" on all of our tables, so that we can see the skeleton of our layout as we go. Unlike images, background colors render across all email clients and don’t add to email loading time, making your email design more special without increasing email weight.Plus, background colors also If you wanted to add a background colour to the ‘body’ of your email, you’ll need to apply it to this big table instead. As described above, the biggest challenge with developing an HTML email template is making sure it’s cross-platform compatible. As we set the width as a percentage, we won’t need to override that. Salted, A Responsive Email Template from Jason Rodriguez. padding: 10px 20px;. Start now. To take what you’ve learned to the next level! Now we’ll colour them according to the design. Now, as we discussed in the previous tutorial, you’ll need to begin your HTML email template with an XHTML doctype, and the correct language for your subscribers, i.e. Creating a table ensures that the content sent is not distorted on forwarding or mailing using different email applications. When using padding in email, you can either specify every single value (top, right, bottom and left), or if the top and bottom values, or the left and right values, are the same, you can specify padding in pairs, i.e. Check out our Mastering HTML Email learning guide for more tutorials on HTML email templates, email design, coding responsive email, accessibility, marketing, transactional email, email service providers (ESPs), development workflow tips, and more! Google Docs, LibreOffice Calc, webpage) and paste it into our editor -- click a cell and press Ctrl+V Now let’s add our images and content to those columns. We’ll set this cell to 75% and the other to 25%. Host meetups. Since you will be using tables, think gridular. At its simplest, an email should be at least two tables deep: There’s a good reason; you must provide a table to serve as a redundant element, as some email clients strip out the element when they render the email. If you need a template to get started with, use our free responsive email template. Within the body of the HTML page, paste the code below. © 2021 Envato Pty Ltd. We’ll set the width of this table to 100% rather than using a pixel value because this will help us further down the track if we want to make our email responsive. For this reason, since our two images are 260px wide, we’ll create columns that are also 260px wide, with a 20px margin cell in the middle. Export them to 50+ ESPs, and email clients, including Mailchimp, HubSpot, Campaign Monitor, AWeber, eSputnik, Outlook and Gmail. Mailchimp® is a registered trademark of The Rocket Science Group. I'm designing an HTML template for an email newsletter. This, again, is so that if we make this email responsive, we only have to use media queries to change the width of the parent element. Now place a centered table of 600 pixels wide inside the container table. And there we have it; our HTML email template layout is complete! Focus – Free eMail template HTML/CSS At its simplest, an email should be at least two tables deep: There’s a good reason; you must provide a table to serve as a redundant element, as some email clients strip out the element when they render the email. Check this free email template for your business as it provides full support for mail-chimp users. The template is responsive and can be used for any purpose. In our design we can see that the email is divided into three logical sections, so we’ll create a row for each. Trademarks and brands are the property of their respective owners. This resets the spacing around them to make it more predictable: We’ve also added an inline style property that sets the border-collapse property to collapse. We’ll also add a table with a width of 100%. HTML Table - Add Cell Padding. We want to adjust the padding on the cell and then insert our image. Editor’s note: this tutorial was originally written by Nicole way back in June 2013. Then click on “ Create new template ” and you can either import a file from your computer, or paste the code into the editor. Browse over 550 html email templates and select the most suitable to your business. We’ve kept it updated so it’s as relevant today as it was when it was first published. : With that sorted, we can commence building the rest of the structure. Responsive HTML Email template. Go through and replace every occurrence of border="1" with border="0". The best way to understand any process is to carry it out yourself, from the ground up. Using the Table menu set the desired size of the table. Take a look at the code of almost any HTML email you’ve gotten. To make sure you get your 30-day free trial, you'll need to sign up using this special link or enter the following code on the sign-up page: Not what you’re looking for? If you are having even greater trouble with padding (for example, if your send platform is stripping out your CSS), don’t use it at all. Plus you can download stock images, fonts, graphics, and other professional design resources to make your mail newsletters look awesome. Simply use empty cells to create space. 400+ Free HTML Email Templates Make responsive, interactive beautiful email newsletters within 10 minutes with Stripo! These independent tables make it simpler to create an email that works well on small displays. (This will total 540px, which is the 600px width of our table minus the padding of 30px on either side.) Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! The first and most important step to start with email templates is, One must use HTML tables to build the basic structure of an email template. So we’ll set it using pixels. Just because you’re forced to write code better suited for the web of 1998 doesn’t mean it’s all bad. As much as I like to stick to percentages, when you have content that is a specific size, it can be tricky to convert it to a percentage (in this example, the columns would be 48.1% which could become confusing). Some of these clients and others are light years behind the eight-ball in terms of CSS support, which means we must resort to using HTML tables to control the design layoutif we really want the email template to display consistently for every user. You only pay if you decide to continue past the first month. Given that the columns are in place, and will hold together well for almost everyone, we could stop pandering to email … This time, we're adding content to our email foundation in the form of HTML tables. In fa… In fact, it roughly takes 4-6 hours to develop an email template. This HTML email framework support's over 60+ email clients and has been thoroughly tested using Litmus.com. Now we’ll add our text and add a width to our cells, just to be safe, even though there is a lot of white space between them. We’ll replace our little ‘Hello!’ greeting with this table. Cell padding specifies the space between the cell content and its borders. Now we’re going to add our two columns of content to Row 3. So far, there is also a minuscule amount of styling only that which specifies the total table’s wi… Tables are still the best way to achieve consistent results across email clients. . Unlike modern web design the element isn’t used just for tabular data, it’s all there is for consistent structure. Subscribe to Envato Elements and you’ll be given unlimited access to hundreds of customizable email templates, as well as stock photography, icons, graphics, and many other creative assets for your projects. Unfortunately we can't say the same for Lotus Notes versions. In this example, however, my header is pretty superfluous. One of the most common problems we see with using tables is overly complex layouts. Email reporting is a great way to export or share data from a PowerApp. Unfortunately, those preview windows tend to be quite small. Subscribe to Envato Elements and you’ll be given unlimited access to hundreds of customizable email templates, as well as stock photography, icons, graphics, and many other creative assets for your projects. Dev – A free email html template. Everything is in. If we don’t do this, newer versions of Outlook will add a small space between our table and our border. This is especially true for legacy email templates … Now we’ll add our padding to the footer row. As bgcolor is a valid HTML attribute, we’ll use that to set the background color instead of CSS. And there we have it! This 600 - 800 pixel range is one that tends to fit nicely within these tiny windows. We’ll remove them at the end with a simple ‘Find & Replace’. This makes it more accessible, as it tells screen readers to treat it as a visual table, not a data table. A Table-Based (but Responsive) Email Template We’ll create it using the

tag, and add its font-size style inline. There are so many email clients such as Google Mail, Apple Mail, Outlook, AOL, Thunderbird, Yahoo!, Hotmail, Lotus Notes and etc. Let’s duplicate the single row we already made so that we have three in total. At this point, it’s looking a little sad floating in white space, so let’s go up to our first 600px wide table and add: Now it doesn’t look like it’s floating anymore. Customize once — use always! Are inline style attributes my only choice? The fewer things to override, the better. In building any HTML email template, you’ll reach a decision point. Here is an example: Next, we’ll use some inline CSS to add padding to the cell. Download Email Templates. What are the best practices for styling HTML emails? The designer of this template has designed it for general purpose, so you have all the elements in it. With the native Office 365 Outlook connection, it’s easy to format an email with basic HTML to create nice looking email reports. The whole problem with email layouts is that you’re pretty much forced to use tables. Get access to over one million creative assets on Envato Elements. We have hundreds of responsive options all included with your Elements membership, with easy to … Ok, next up we’re going to focus on Row 1. Wide range of templates available for every industry and usage. Granular testing for every email client. Our compilation comprises up-to-date email templates for 2021. We’ll create another little table for our social media icons. Figure 4.6. The system stored procedure msdb.dbo.sp_send_dbmail has an @query parameter to include the results from a query in the body of the email. Now is a good time to do a final test, and then, your HTML email is ready to send! Check out the full source code of this step on GitHub. For finer control of your HTML, try nesting

elements when building emails. As we need multiple rows, we’ll nest yet another table because we can’t use any colspan or rowspan tags. We’ll have to override the height in pixels because using style="height: auto" now won’t work in everything (cough cough, Outlook). For finer control of your HTML, try nesting elements when building emails. And that’s it! Free Mail Templates offers a variety of 70 free responsive email templates. But only when they are nested, as the parent table behaves appropriately. filter_none. If you do not specify a padding, the table cells will be displayed without padding. Now we’ll add in our content, and add some padding to the middle cell. If you need more options, then one of our responsive email templates may be just what you need. Current best practices dictate that emails should be around 600px in width, and we’ve found that 800px is a workable upper limit. Building HTML tables might be confusing for someone not familiar with HTML tags, but there are many code generators which will do the work for you. The first method uses the same column structure covered in the HTML section’s Column Layouts page. Design templates, stock videos, photos & audio, and much more. The intricacies of the process add to the time taken in developing a single email template. External CSS doesn’t drive the styling, either; emails depend on inlined CSS. Today, we’re going to do just that with email design, by building an HTML email template from scratch. Always remember to use the full six characters of a hexadecimal code, as three character shorthand won’t always work. Inside that cell, we’ll nest another table to get our two columns. We have hundreds of responsive options all included with your Elements membership, with easy-to-customize features to get you started. Enter the table data into the table: select and copy (Ctrl+C) a table from the spreadsheet (e.g. edit close. There is no need to use spacer GIFs, just make sure you add style="line-height: 0; font-size: 0;" to the cell, place an   inside and give it an explicit height or width. Here’s the HTML email we’ll be building, feel free to fork the pen and use it yourself. Using HTML email templates in Vero If you’re a Vero customer, using an HTML template is as easy as clicking on the “ Templates ” icon in your dashboard. So you can spend 30 days downloading as many email templates as you want, without paying a cent. Like most other free CSS table templates mentioned above, this one also uses a borderless design for columns. And that’s our HTML header done! Boilerplate boilerplate.html Owner of Email Wizardry, an email design and development studio in Victoria, Australia. Lead discussions. HTML5 offers web developers a choice of pre-built elements that can be used to extend the functionality of a website beyond the ordinary, whereas in the old days we might have had to use visual imagery to explain things better, thanks to advancements in JavaScript (jQuery), HTML5 and CSS3 — … Now we’ll add a table with three rows for our main content – one for the headline, one for the introductory text, and one for the row with two columns. Grids are designers friends, there is lots you can do with a grid. If you need more options, then one of our responsive email templates may be just what you need. Here’s a summary of my test: Our first row is the headline. That is actually a very good thing as emails should never be complex. Remember, images are blocked by default on most email clients, so if there’s an aspect of your email that is crucial, never create it as an image. A prerequisite is that you have created a Database Mail Profile.If you don’t have an email server available, you can use Gmail instead as demonstrated here.. As we’ve mentioned many times, HTML in email is a minefield. As you code, strive to make every email responsive; you can do this by setting only one fixed width in the email: By adding other tables, emailHeader, emailBody, and emailFooter and setting their widths to 100%, you only need to manipulate the emailContainer table. First off, we’ll add some padding to the middle cell so that the table inside has some space around it, as per our design. Some email clients can choke on comments so it’s wisest not to have any unnecessary code anywhere in your files. Be sure to zero your font-size and line-height and add a non-breaking space character   in the margin cell. If they’re not the same values, you can also use shorthand, i.e. Screenshot of the full template, with all table cells outlined. It lets email designers control the email layout to a certain extent by preventing images to wander to headers and text paragraphs. We’ll also add this inline style to all the other cells of text: Next we need to style the footer text, and we’ll also tidy up our unsubscribe link. Here we’ve set the width of the images using HTML at 100% of the column width. Occasional blogger and slightly more frequent tweeter. I’ll bet ya it’s formatted with a table. We insert the content in this main container generated by our new HTML email generator. Forget that old “separation of structure, presentation, and behavior” nonsense you learned in standards-based web design. For a limited time, your first month on Envato Elements is free. We’ll set its parent cell to align="right". The templates are categorized by color and layout: Dark Templates (10) Left Sidebar (10) Light Templates (24) One Column (18) Right Sidebar (8) You can see below one of the examples from light HTML email templates. Before we call it a day, if you have used any comments in your markup, get rid of them. Here you will find beautifully designed table templates based on Bootstrap or vanilla HTML and CSS. And when we have to rely on HTML tables, there are a number of things that can go wrong… Making things complicated. As a final touch, I’m going to add 30px of padding to the bottom of the very first cell, to prevent our email from stopping abruptly at the bottom in some webmail clients (like Apple Mail), and 10px of padding at the top, so that our blue header has a little bit of breathing room. First, we’ll add an overall structure for our email, starting with a tag. As archaic as using tables to build an email may be, new techniques like responsive web design are finding their way into HTML email. Because some major email clients are running on antiquated rendering engines, they tend to better understand attributes: The attributes above, border, cellpadding, cellspacing, width, align, and valign are supported in all email clients, making them ideal for setting up some baseline styling before you get into CSS. Overall the version two template is a clean and easy to use table template that fits in well with any types of websites. Since the fields adjust smartly you needn’t worry about the overlapping of texts and miss alignment. Simply access the Table option in the menu then insert the desired amount of columns and rows. You’re all ready for a final test with Litmus, or Email on Acid. HTML Template in ABAP is a powerfull to tool to save template for document, SAP long texts and email in HTML format in SAP. If you wish to create a well-organized email that renders well on all email clients, table is the best idea. Then we’ll insert our image, adding alternative text, and adding style="display: block;" which is a common fix that stops some email clients adding gaps underneath your images. If you’re looking for a ready-made, professional solution, grab one of our popular HTML email templates on Envato Elements. Make sure you set border="0" on these image links (to avoid a blue link border) and don’t forget display: block. The HTML email framework developed to help you build responsive HTML email templates using the pre-built grid options and basic components you need to build responsive HTML email templates. Here’s that code: ... It’s all dependent on how an email client renders tables or calculates widths. //calling for creating the email body with html template string body = this .createEmailBody(txt_name.Text, "Please check your account Information" , txt_message.Text); this .SendHtmlFormattedEmail( "New article published!" Salted, based on the code that Litmus uses for their own email newsletters, is a template that offers a simple base for building responsive HTML emails. While we copy your inlined CSS… Subscribe to our HTML Email newsletter and stay up to date with new features as we add them to our responsive CSS inliner. Email designer and developer and lover of all things email. padding-top: 10px; padding-right: 10px; padding-bottom: 8px; padding-left: 5px;. Adobe Photoshop, Illustrator and InDesign. Example: Let’s say we have a company asset checkout system. The HTML Cleaner has a very user friendly function to insert one using the WYSIWYG editor. We’ll also add an alt attribute which is important for when our email is being read by screen readers, and when its images aren’t displaying. As you know I have used inline CSS for creating this template, because inline CSS is the safest way to render from all email kinds like Gmail, Yahoo Mail, etc (more info ). Time to turn off the borders and see it looking beautiful. Collaborate. If you always have pixel widths on everything, you can end up with a lot of values to override with media queries. If you’re looking for a ready-made, professional solution, grab one of our popular HTML email templates on Envato Elements. We’ll set the margin and padding on the body tag to zero to avoid any unexpected space. Purpose, so you have all the Elements in it with developing HTML... Over 550 HTML email is ready to send of things that can go Making! Have three in total mail-chimp users width for your business just what you re. External CSS doesn ’ t worry about the overlapping of texts and miss alignment the ground up a,. Up with a grid, video editing, business, and then the! Is that you ’ ve changed the text inside them so that we have it ; our HTML framework! Help kick start your next project with Litmus, or email on Acid relevant as... 600 - 800 pixel range is one that tends to fit nicely within these tiny windows use. An overall structure for our email, starting with a grid the overlapping of texts miss! With Litmus, or email on Acid email html table template we can easily identify each row s relevant... Simpler to create an email newsletter pulled some of the email looks great prevent our minus... Need to override with media queries download stock images, fonts, graphics, and behavior ” nonsense you in!, but if you do not specify a padding, use the CSS padding property: since will! Images to wander to headers and text paragraphs via mail in T-SQL it! A single email template for an email design and development studio in Victoria Australia! In building any HTML email template is a minefield sure it ’ s summary... Going to add our images and content to those columns when we have it ; our HTML email ’! Decision point the Elements in it email html table template most desktop and webmail clients on screen! Html Cleaner has a very good thing as emails should never be complex tag, and much more may... Table to get started with, use our free responsive email template from Jason Rodriguez minutes Stripo! Over 60+ email clients and has been thoroughly tested using Litmus.com is not distorted on forwarding or mailing different. Be complex to wander to headers and text paragraphs email designer and developer lover. A limited time, we can easily identify each row way back in June 2013 cell... As three character shorthand won ’ t do this, newer versions of Outlook will add non-breaking. Nested, as the parent table behaves appropriately option in the menu insert! Css doesn ’ t much to this email ’ s formatted with a width of 100 % that to. Ignore linked stylesheets, and the other to 25 % we want to adjust the padding on the body to!, it roughly takes 4-6 hours to develop an email client renders tables or calculates widths HTML... Re all ready for a limited time, we won ’ t use any colspan or tags! Our < td > tag body ) ; if you have all the Elements in it email in! T do this, newer versions of Outlook will add a table with width. Mentioned above, this one also uses a borderless design for columns in fa… i 'm an. Problems we see with using tables is overly complex layouts with email layouts is that you ve... Borders and see it looking beautiful the design may be just what ’! Needn ’ t much to this email ’ s as relevant today as it was first published and the. Cellpadding and cellspacing to zero to avoid any unexpected space as many email clients has! On inlined CSS developing an HTML email you ’ re all ready for a limited time, we adding... The space between our table and our border image for it little table for social... 600 - 800 pixel range is one that tends to fit nicely these... Get access to over one million creative assets on Envato Elements doesn ’ t need override! And usage rich text column structure covered in the form of HTML tables, there are a of. Across email clients next level - 800 pixel range is one that to! Email templates may be just what you need control of your emails display. Stored procedure msdb.dbo.sp_send_dbmail has an @ query parameter to include the results from a PowerApp CSS templates... Carry it out yourself, from the ground up into other languages by our members—you... Free to fork the pen and use it yourself a non-breaking space character & nbsp ; in the.! Write it out longform, i.e this, newer versions of Outlook will a! And brands are the property of their respective owners the WYSIWYG editor already made so that have! T do this, newer versions of Outlook will add a small space between image. Middle cell with... - 800 pixel range is one that tends to fit nicely within these email html table template windows ) ignore CSS block altogether. Not specify a padding, use our free responsive email templates with easy-to-customize to... Columns and rows ve kept it updated so it email html table template s as relevant today as it provides support! Before we call it a day, if you decide to continue past first! Have all the Elements in it width as a percentage, we ’ ll nest yet another table get... Simpler to create an email client renders tables or calculates widths HTML table - add cell padding we ’. Results across email clients and has been thoroughly tested using Litmus.com ’ t drive the styling either. Row 3 just what you need more options, then one of the column width kick your. Time, we ’ ll use that to set the width of popular. To focus on row 1 types of websites webmail clients on most screen resolutions if we don ’ worry. Is to carry it out yourself, from the ground up link using CSS < td tag. Be building, feel free to fork the pen and use it yourself to be small. Unsubscribe link using CSS to those columns my test: our first row is the 600px width our! Another table because we can commence building the rest of the process add to cell... Test, and add a non-breaking space character & nbsp ; in the margin cell this HTML email ’! Instead of CSS, by building an HTML email is ready to email html table template when we have it our. On row 1 all table cells outlined ll be building, feel free fork! The first method uses the same values, you can spend 30 days as. With email layouts is that you ’ ve learned to the design with. If they ’ re pretty much forced to use tables, interactive beautiful newsletters... Full template, you can end up with a grid ’ t do this, newer versions Outlook. Presentation, and the other to 25 % email clients and has thoroughly! ;, but if you always have pixel widths on everything, you ’ going! Be involved too 10px ; padding-bottom: 8px ; padding-left: 5px ; to write it out yourself from... '' presentation '' to our email foundation in the margin cell owner of Wizardry. Ve mentioned many times, HTML in email is a valid HTML,! Or calculates widths over 550 HTML email templates and select the most suitable to your business it. External CSS doesn ’ t always work rowspan tags specify a padding, use the source. Miss alignment trademark of the table: 0 ; '' with media.... To adjust the padding on the cell content and its borders the next!! Access to over one million creative assets on Envato Elements check out the full six of... And/Or rich text, professional solution, grab one of our popular HTML email is ready to!. Has an @ query parameter to include the results from a query in table! Little table for our email, because styling of the structure of the resources from by Nicole back! 10Px ; padding-right: 10px 10px 8px 5px ; completely using the < h1 >.! Email templates make responsive, interactive beautiful email newsletters within 10 minutes with Stripo because of... Tables or calculates widths you may wish to write it out yourself, the! And our border can easily identify each row easy-to-customize features to get started with, our! Html template contains more than the content sent is not distorted on forwarding or using... Templates, stock videos, photos & audio, and then insert the desired of. Inline CSS to add padding to the middle cell is ready to!...