Chapter 2 Example: Styling with Inline CSS

Learn how to apply inline CSS styles to HTML elements within an email.

Instructions and Objectives

In this exercise, you'll practice adding inline CSS styles to an HTML email template. Your objectives are:

  1. Add inline styles to the header to change its text color and font size.
  2. Style the paragraph text with a different font family and line height.
  3. Modify the call-to-action button to have a background color, padding, or other properties using inline CSS.

Use the CodeMirror editor on the left to edit the HTML code. As you make changes, the live preview on the right will update automatically.