---
title: "HTML with Text (left, 50 %)"
url: "https://www.toujou.de/service/elementbibliothek/html/html-with-text-left-50/"
date: 2019-01-11
modified: 2026-01-16
---
# HTML with Text (left, 50 %)
1. [Home](https://www.toujou.de/)
2. [Service](https://www.toujou.de/service/)
3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/)
4. [HTML](https://www.toujou.de/service/elementbibliothek/html/)
5. [HTML with Text (left, 50 %)](https://www.toujou.de/service/elementbibliothek/html/html-with-text-left-50/)
HTML with Text (left, 50 %)
===========================
Probieren Sie Ihre Programmierung-Skills aus mit unserem HTML-Element auf der linken Seite und Text auf der rechten Seite im Verhältnis 50:50.
Item-ID: 07-016
[Beispielansicht](#c1003708) [Anleitung](#c1003704)
---
Beispielansicht
-----------------
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.
---
Anleitung
-----------
[  ](https://www.toujou.de/fileadmin/toujou/tutorials/HTML/04_001_HTML_text_left_50_Elementauswahl.png) ### HTML-Element einfügen
- Klicken Sie auf den Button **Inhalt***,* um ein HTML-Element zu erstellen.
- Im Reiter *Widgets* wählen Sie **HTML with text (left, 50 %)**; HTML width: 50%, Text width: 50%.
[  ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/05_HTML/05-02_HTML_Consenteinstellung_bestimmen.png) ### Consent-Einstellungen auswählen
- Klicken Sie die gewünschte Einstellung im *Dropdown-Menü* an.
- Für das Anzeigen der externen Inhalte gemäß den Einstellungen des Website-Benutzers wählen Sie die oberste Option (empfohlen), für das Anzeigen der Inhalte unabhängig der Besucher-Einstellungen die mittlere Option und für das standardmäßige Blockieren aller externen Inhalte die untere Option.
[  ](https://www.toujou.de/fileadmin/toujou/tutorials/HTML/002_HTML_und_Text_einfuegen.png) ### HTML-Code & Text einfügen
- Im Reiter *Content* schreiben Sie im untergeordneten Reiter *HTML* direkt HTML oder fügen einen externen Code ein.
- Im Reiter *Text* fügen Sie Text ein.
- Sollten Sie den Text aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.
- Der Text kann direkt im Textfeld, mit dem Menü über dem Textfeld, formatiert werden.
---
Video-Tutorial via jweiland.net
-------------------------------
Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung.
Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/)
Einmal erlauben Immer erlauben
### HTML-Code einfügen (Video)
Im Video wird als Beispiel das Einbinden einer Google Map verwendet.
Hinweis: [In toujou sind Google Maps als Elemente integriert](https://www.toujou.de/service/elementbibliothek/map-elements/), daher ist der Vorgang im Video rein exemplarisch ergänzend für die Einbindung externer Quellen zu betrachten.
**Laufzeit**: 3'11"
[Video bei jweiland.net aufrufen ↗](https://vimeo.com/235889931)
---
Verknüpfte Themen
-----------------
Erläuterungen aus dem [toujou](https://www.toujou.de/service/toujou-setup/)- & [TYPO3-Setup](https://www.toujou.de/tutorials/), die mit dieser Elementanleitung in Verbindung stehen.
[Textbearbeitung](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) [Alle Combined Elements](https://www.toujou.de/service/elementbibliothek/combined-elements/)