Visually organize key aspects of content in your emails
A very simple way to highlight key text information
Labels in Acorn are simple <span>
elements, styled with a background colour and some padding. Like buttons, they come in predefined filled and outlined styles. They have been tested to work consistently, and even though they are extremely simple, we think you may find them useful.
This text contains a <span style="border-width: 2px 4px; mso-border-width-alt: 4px; border-style: solid; border-color: #2C3E51; background-color: #2C3E51; border-radius: 3px; color: #FFFFFF; font-size: 75%; line-height: 100%; mso-line-height-rule: exactly;">filled label</span>,
as well as an <span style="padding: 1px 4px; mso-padding-alt: 4px; border: 1px solid #1BB05D; border-radius: 3px; color: #1BB05D; font-size: 75%; line-height: 100%; mso-line-height-rule: exactly;">outlined label</span>.