---
title: The headline element of the toujou element library
url: "https://www.toujou.com/service/element-library/text-elements/headline-element/"
description: "All headline variants: Formats from H1 to H5, styles and colors. Previews, instructions and behavioral description."
date: 2019-01-10
modified: 2026-01-16
---

# The headline element of the toujou element library

1. [Home](https://www.toujou.de/)
2. [Service](https://www.toujou.de/service/)
3. [Element library](https://www.toujou.de/service/element-library/)
4. [Text elements](https://www.toujou.de/service/element-library/text-elements/)
5. [Headline element](https://www.toujou.de/service/element-library/text-elements/headline-element/)

    The toujou element library
--------------------------

Headlines
=========

The headline element gives you the freedom to create and tag any headline type you want. You can combine different headline sizes (H1, H2, H3, H4 and H5) with any available alignment (left, center or right). Standard color settings can also be customised.

    ### Manual

In this single element, you will find all available standard sizes and headline tags. We’ve used dummy text in the library to prevent confusion.

For detailed instructions, click on the buttons located below every sample element to get to the element description.

[I am the button ❯](https://www.toujou.de/service/element-library/text-elements/headline-element/)

   ---

  toujou headline options
-------------------------

  Left aligned H1 Headline
==========================

  Centered H1 Headline
======================

  Right aligned H1 Headline
===========================

 [Headline element ❯](https://www.toujou.de/service/element-library/text-elements/headline-element/headline-h1/)

---

  Left aligned H2 Headline
--------------------------

  Centered H2 Headline
----------------------

  Right aligned H2 Headline
---------------------------

 [Headline element ❯](https://www.toujou.de/service/element-library/text-elements/headline-element/headline-h1/)

---

 ###  Left aligned H3 Headline

 ###  Centered H3 Headline

 ###  Right aligned H3 headline

 [Headline element ❯](https://www.toujou.de/service/element-library/text-elements/headline-element/headline-h1/)

---

 ####  Left aligned H4 Headline

 ####  Centered H4 Headline

 ####  Right aligned H4 Headline

 [Headline element ❯](https://www.toujou.de/service/element-library/text-elements/headline-element/headline-h1/)

---

 #####  Left aligned H5 Headline

 #####  Centered H5 Headline

 #####  Right aligned H5 Headline

 [Headline element ❯](https://www.toujou.de/service/element-library/text-elements/headline-element/headline-h1/)

---

  More examples
---------------

  Left aligned H1 Headline
==========================

  Left aligned H2 Headline
--------------------------

 ###  Left aligned H3 Headline

 ####  Left aligned H4 Headline

 #####  Left aligned H5 Headline

---

  Centered H1 Headline
======================

  Centered H2 Headline
----------------------

 ###  Centered H3 Headline

 ####  Centered H4 Headline

 #####  Centered H5 Headline

---

  Right aligned H1 Headline
===========================

  Right aligned H2 Headline
---------------------------

 ###  Right aligned H3 headline

 ####  Right aligned H4 Headline

 #####  Right aligned H5 Headline

---

   ##### Tutorials

[Checklist ❯](https://www.toujou.de/service/#c1004820)
[Contact data ❯ ](https://www.toujou.de/service/tutorials/contact-data/)
[File list ❯ ](https://www.toujou.de/service/tutorials/file-list-module/)
[Edit navigation ❯ ](https://www.toujou.de/service/tutorials/pages-navigation/)
[Edit page content ❯ ](https://www.toujou.de/service/tutorials/page-content/)
[Edit page properties ❯](https://www.toujou.de/service/tutorials/page-properties/)
[Responsive & mobile first ❯](https://www.toujou.de/service/tutorials/responsive-mobile-first/)
[Yoast SEO ❯ ](https://www.toujou.de/service/tutorials/yoast-seo/)
[Redirects ❯ ](https://www.toujou.de/service/tutorials/redirects/)
[Blog administration ❯](https://www.toujou.de/service/tutorials/blog-administration/)
[Linkvalidator ❯](https://www.toujou.de/service/tutorials/blog-administration/)

  ##### toujou set-up

[Theme ❯ ](https://www.toujou.de/service/toujou-set-up/theme-settings/)
[Logo ❯ ](https://www.toujou.de/service/toujou-set-up/logo-settings/)
[Font ❯ ](https://www.toujou.de/service/toujou-set-up/font-settings/)
[Color ❯ ](https://www.toujou.de/service/toujou-set-up/color-settings/)
[Social media ❯ ](https://www.toujou.de/service/toujou-set-up/social-media-settings/)
[Analytics ❯](https://www.toujou.de/service/toujou-set-up/analytics-settings/)
[Data protection ❯](https://www.toujou.de/service/toujou-set-up/data-protection-settings/)
[Website overlay ❯](https://www.toujou.de/service/toujou-set-up/website-overlay/)

  ##### toujou element library

[Text elements ❯ ](https://www.toujou.de/service/element-library/text-elements/)
[Teaser elements ❯ ](https://www.toujou.de/service/element-library/teaser-elements/)
[Blockquotes ❯ ](https://www.toujou.de/service/element-library/blockquote-elements/)
[Teaser cards ❯ ](https://www.toujou.de/service/element-library/card-elements/)
[Media elements ❯ ](https://www.toujou.de/service/element-library/media-elements/)
[Map elements ❯ ](https://www.toujou.de/service/element-library/map-elements/)
[Blog elements ❯](https://www.toujou.de/service/element-library/blog-elements/)

  ####

[Navigation elements ❯ ](https://www.toujou.de/service/element-library/navigation-elements/)
[Widgets ❯ ](https://www.toujou.de/service/element-library/widgets/)
[Headline element ❯ ](https://www.toujou.de/service/element-library/text-elements/headline-element/)
[Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/)