Page Headings

A heading with a fixed width centrally aligned underline. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis porttitor massa id feugiat. Nunc enim lorem, suscipit eget placerat id, cursus eu mauris. Nunc eleifend felis elit, in condimentum neque hendrerit id. Quisque eu volutpat nulla, eget viverra nulla. Ut lacus nibh, molestie sed mi ut, lacinia dictum elit. Praesent pulvinar erat massa. Cras eu euismod orci. Vestibulum in justo eros.

A heading with a line on either side. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis porttitor massa id feugiat. Nunc enim lorem, suscipit eget placerat id, cursus eu mauris. Nunc eleifend felis elit, in condimentum neque hendrerit id. Quisque eu volutpat nulla, eget viverra nulla. Ut lacus nibh, molestie sed mi ut, lacinia dictum elit. Praesent pulvinar erat massa. Cras eu euismod orci. Vestibulum in justo eros.

A heading with a left-aligned bottom border which will take up 40% of the heading length. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis porttitor massa id feugiat. Nunc enim lorem, suscipit eget placerat id, cursus eu mauris. Nunc eleifend felis elit, in condimentum neque hendrerit id. Quisque eu volutpat nulla, eget viverra nulla. Ut lacus nibh, molestie sed mi ut, lacinia dictum elit. Praesent pulvinar erat massa. Cras eu euismod orci. Vestibulum in justo eros.

Heading 3

A heading with a left-aligned bottom border which will take up 40px of the heading length. This is a fixed width so will not dyanmicaly resize to the word lenght. This is applied to a class directly within the heading tag.