--- title: HTML url: "https://www.toujou.com/service/element-library/html/" date: 2019-03-26 modified: 2026-01-16 --- # HTML 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Element library](https://www.toujou.de/service/element-library/) 4. [HTML](https://www.toujou.de/service/element-library/html/) HTML elements ============= HTML elements give you the freedom you need to display flexible content. Whether individually in text width or full screen width or in combination with text blocks. **HTML**: [Text width](#c1005246) | [Full content width](#c1005249) **HTML with Text** **left**: [33%](#c1005252) | [50%](#c1005255) | [67%](#c1005258) **HTML with Text right**: [33%](#c1005261) | [50%](#c1005264) | [67%](#c1005267) **HTML three blocks with Text**: [HTML left](#c1005270) | [HTML right](#c1005273) ![Ein stilisiertes Symbol, das einen Codeblock darstellt, umgeben von einem minimalistischen, modernen Design.](https://www.toujou.de/_assets/processed/V-JiXSL7rm6N--kYxpvCbePp3544iRHhQQgeRryXxyE/q:85/c:1422.2222222222:800:fp:0.5:0.5/rt:force/w:400/h:225/fn:Y3NtX0hUTUxfMjAwMF84MDBfdHJhbnNwYXJlbnRfN2E3ZmI3ZTQ4MQ:t/cb:a149b1fca417166a895ac8eea8a98cdbfd6af914/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvQmliLVRlYXNlcl8yMDAwXzgwMF90cmFuc3BhcmVudC9IVE1MXzIwMDBfODAwX3RyYW5zcGFyZW50LnBuZw) ### Manual On this page you will find all the HTML elements available in toujou. In order not to be confused with real content, we use dummy text in the library. For detailed instructions, click on the buttons below every sample element to get to the element description. [I am the button ❯](https://www.toujou.de/service/element-library/html/) --- Overview of all HTML elements ------------------------------- ### HTML [HTML elements ❯](https://www.toujou.de/service/element-library/html/html-elements/) --- ### HTML full width [HTML elements ❯](https://www.toujou.de/service/element-library/html/html-elements/) --- ### HTML with Text (left, 33%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML elements ❯](https://www.toujou.de/service/element-library/html/html-elements/) --- ### HTML with Text (left, 50%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML elements ❯](https://www.toujou.de/service/element-library/html/html-elements/) --- ### HTML with Text (left, 67%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML elements ❯](https://www.toujou.de/service/element-library/html/html-elements/) --- ### HTML with Text (right, 33%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML elements ❯](https://www.toujou.de/service/element-library/html/html-elements/) --- ### HTML with Text (right, 50%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML elements ❯](https://www.toujou.de/service/element-library/html/html-elements/) --- ### HTML with Text (right, 67%) Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML elements ❯](https://www.toujou.de/service/element-library/html/html-elements/) --- ### HTML Multicolumn with Text, left #### Try a headline Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML elements ❯](https://www.toujou.de/service/element-library/html/html-elements/) --- ### HTML Multicolumn with Text, right #### Try a headline Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. [HTML elements ❯](https://www.toujou.de/service/element-library/html/html-elements/) ##### 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/)