---
title: Headline with text and image left, beside
url: "https://www.reisenmitsinnen.de/bibliothek/bibliothek/combined-elements/headline-with-text-and-image-left-beside/"
date: 2018-02-07
modified: 2021-05-06
---

# Headline with text and image left, beside

Headline with text and image left, beside text
==============================================

Ein vorkonfiguriertes Element aus Titel mit einem Bild links neben dem Text.

Item-ID: 09-005

 [Beispielansicht](#c957) [Anleitung](#c2147) [Verhalten](#c2145)

  ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/e/9/csm_09_005-Headline_with_text_and_image_left__beside_text_2000_250_2a0d8b591d.png)

---

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

   ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/6/d/csm_nature_03_e47e1a15f1.jpg) Lorem ipsum dolor sit amet
==========================

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. Cardigan chartreuse yuccie salvia palo santo leggings raw denim literally messenger bag, authentic vexillologist. Scenester quinoa raclette pour-over, echo park seitan pinterest. +1 cronut ugh hashtag. Occupy meggings banjo four dollar toast. Church-key locavore chartreuse, whatever cliche stumptown affogato. Tilde celiac man braid ramps offal microdosing narwhal scenester. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. Cardigan chartreuse yuccie salvia palo santo leggings raw denim literally messenger bag, authentic vexillologist. Scenester quinoa raclette pour-over, echo park seitan pinterest.

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

   [ ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/e/c/csm_1_element_anlegen_09-005_4a423eef80.png) ](https://www.reisenmitsinnen.de/fileadmin/Manual/09_Combined_Elements/09-005-headline_with_text_image_left_besides/1_element_anlegen_09-005.png) ### Headline-Element mit Text & Bild anlegen

- Klicken Sie auf den Button **Inhalt***,* um ein neues Element zu erstellen.
- Im Reiter *Combined Elements* wählen Sie **Headline with text and image left, beside text**.

  [ ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/0/f/csm_2_text_einfuegen_formatieren_09-005_4eb5077875.png) ](https://www.reisenmitsinnen.de/fileadmin/Manual/09_Combined_Elements/09-005-headline_with_text_image_left_besides/2_text_einfuegen_formatieren_09-005.png) ### Text einfügen & formatieren

- Geben Sie Ihren Text ins Textfeld 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.

  [ ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/d/d/csm_3_bild_hinzufuegen_09-005_4709602752.png) ](https://www.reisenmitsinnen.de/fileadmin/Manual/09_Combined_Elements/09-005-headline_with_text_image_left_besides/3_bild_hinzufuegen_09-005.png) ### Bild einfügen

- Klicken Sie auf den Button **Bild** **hinzufügen**.
- Wählen Sie eine Bilddatei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner *(Datei auswählen und hochladen*) hoch.

  [ ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/4/2/csm_4_bild_formatieren_09-005_d18c383420.png) ](https://www.reisenmitsinnen.de/fileadmin/Manual/09_Combined_Elements/09-005-headline_with_text_image_left_besides/4_bild_formatieren_09-005.png) ### Bild formatieren

- Bildinformationen und Links könnten hier direkt eingegeben werden.
- Der Bildausschnitt kann unter *Editor öffnen* angepasst werden.

---

  Verhalten
-----------

 Die *Headline mit Text und Bild links neben dem Text* gibt den von Ihnen eingefügten Inhalt wieder. Überschrift und Text umfließen das linksbündig dargestellte Bild und dessen optionale Bildunterschrift.

**Responsive:** Das Bild wird bis zu einer bestimmten Bildschirmgröße in einem festen Verhältnis zum Text angezeigt.
 **Besonderheiten:** Je nach Template eine begrenzte Textlaufweite sowie die Darstellung nahezu aller Textinhalte wie Links, Formatierungen und auch Tabellen.