From the course: Creating a Responsive HTML Email
Unlock this course with a free trial
Join today to access over 22,400 courses taught by industry experts.
Adding inbox preview text - HTML Tutorial
From the course: Creating a Responsive HTML Email
Adding inbox preview text
Now if your email clients support showing you preview text in the Inbox. You'll notice that the text that we see is the heading goes here. And then the content that we put inside of the content area. So what the preview text does is look for the first set of texts inside of the HTML. So what we're going to do is hide some text so that the preview text sees our hidden text before it sees the text that's inside. This will give us the ability to customize what we see inside of our preview area. Now inside of the email, that HTML, let's scroll down, right after the body tag, before the table that creates our background for browsers that don't support the body tag. And let's come in here, and let's start by adding a div tag. So we'll type div, inline style, first property's going to be font size. We're going to set this to one pixel. We're going to set the color to the same as the background. So, #efe1b0. Next we're going to set a display to none, and then end the div tag. Now with that in…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.