---
title: HTML Multicolumn with Text right
url: "https://www.toujou.de/service/elementbibliothek/html/html-multicolumn-with-text-right/"
date: 2019-03-25
modified: 2026-01-16
---

# HTML Multicolumn with Text right

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 Multicolumn with Text right](https://www.toujou.de/service/elementbibliothek/html/html-multicolumn-with-text-right/)

   HTML Multicolumn with Text, right
=================================

Probieren Sie Ihre Programmierung-Skills aus mit unserem HTML-Element auf der rechten Seite und zwei Textspalten auf der linken Seite.

Item-ID: 07-021

[Beispielansicht](#c1005103) [Anleitung](#c1005099)

---

  Beispielansicht
-----------------

    #### 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.

 ---

  Anleitung
-----------

     [ ![](https://www.toujou.de/_assets/processed/16y3XDcB9f5NAvPHzwaD5sSyrJ1xnpTjAhweadr9ZaU/q:85/c:1400:786.01398601399:fp:0.5:0.55944055944056/rt:force/w:432/h:243/fn:Y3NtXzEwXzAwMV9IVE1MX211bHRpY29sdW1uX3RleHRfcmlnaHRfRWxlbWVudGF1c3dhaGxfOWY1Zjc4MDdiNA:t/cb:899d76d0480cac7f0c95a51f0ec38418896f915b/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzL0hUTUwvMTBfMDAxX0hUTUxfbXVsdGljb2x1bW5fdGV4dF9yaWdodF9FbGVtZW50YXVzd2FobC5wbmc) ](https://www.toujou.de/fileadmin/toujou/tutorials/HTML/10_001_HTML_multicolumn_text_right_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 Multicolumn with text right**; Three equal width columns, HTML in last column.

    [ ![](https://www.toujou.de/_assets/processed/ZSqW4nypK23rN2sxfnWXV8HLSYQfW2Q7FwzWFTYKmyc/q:85/c:1080:606.96:fp:0.5:0.4496/rt:force/w:432/h:243/fn:Y3NtXzA1LTAyX0hUTUxfQ29uc2VudGVpbnN0ZWxsdW5nX2Jlc3RpbW1lbl8xYTY2MWQwNThh:t/cb:446272d6d01f5bf40051d4aaf918210f72a2d795/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMDVfSFRNTC8wNS0wMl9IVE1MX0NvbnNlbnRlaW5zdGVsbHVuZ19iZXN0aW1tZW4ucG5n) ](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/_assets/processed/Y0YGueuKcd_AhoPzJ2rfJwNHVllj3F_3XCVnhFlIWZc/q:85/c:2000:1125:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAwMl9IVE1MX011bHRpY29sdW1uX3VuZF9UZXh0X3JpZ2h0X2VpbmZ1ZWdlbl80OWIxZDgyYWMw:t/cb:b02ef49374a704101963e80e34aea7065a180150/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzL0hUTUwvMDAyX0hUTUxfTXVsdGljb2x1bW5fdW5kX1RleHRfcmlnaHRfZWluZnVlZ2VuLnBuZw) ](https://www.toujou.de/fileadmin/toujou/tutorials/HTML/002_HTML_Multicolumn_und_Text_right_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.
- In den Reitern *Text left* sowie *Text right* 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/)