Headers & Paragraphs

An h1 can contain a span with a class of .ca-gov-icon-[anyicon] which will automatically position the icon outside of the column, ensuring your header aligns with paragraphs. (See the Icon Font Library for a list of all the icons.)

NOTE: Because the icon-fonts are subject to normal character spacing rules. It is important to have a space between the icon's </span> and the header text

Example: