Visually organize key aspects of content in your emails

A very simple way to highlight key text information

Labels in Pine 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="display: inline-block; padding: 1px 5px; background-color: #2C3E51; border-radius: 3px; color: #FFFFFF; font-size: 90%;">filled label</span>,
as well as an <span style="display: inline-block; padding: 1px 5px; border: 1px solid #1BB05D; border-radius: 3px; color: #1BB05D; font-size: 90%;">outlined label</span>.