Bild bündig am Text

Bild immer oben oder unten bündig am Text positionieren

Viele Text-Blöcke mit Bild von Mobirise zeigen das Bild immer vertikal zentriert zum Text. Hier zeige ich eine Möglichkeit dieses Bild vertikal immer oben oder auch unten darzustellen, egal wie lang der Text ist. 

Dazu fügt Ihr lediglich die Bootstrap-Class "align-self-start" zu der bereits vorhandenen Class "mbr-figure" hinzu: 

class="mbr-figure align-self-start"

oder eben für unten:

class="mbr-figure align-self-end"

Bild

Dieses Bild bleibt, egal wieviel Text eingesetzt wird, am PC immer oben neben dem Text-Anfang stehen. Am mobilen Gerät schiebt sich das Bild unter den Text.

class="mbr-figure align-self-start"

Das Mobirise Programm kann Ihnen helfen, die Zeit für die Entwicklung Ihrer Website zu sparen, indem es einen flexiblen Website-Editor mit einem drag-and-drop Interface zur Verfügung stellt. Mobirise Website-Baukasten lässt Sie responsive und Mobile-freundliche Websites mit ein paar Klicks erstellen. Mobirise ist eins der einfachsten Tools für die Website-Entwicklung, die es heute gibt.

Das Mobirise Programm kann Ihnen helfen, die Zeit für die Entwicklung Ihrer Website zu sparen, indem es einen flexiblen Website-Editor mit einem drag-and-drop Interface zur Verfügung stellt. Mobirise Website-Baukasten lässt Sie responsive und Mobile-freundliche Websites mit ein paar Klicks erstellen. Mobirise ist eins der einfachsten Tools für die Website-Entwicklung, die es heute gibt.

Bild

Dieses Bild bleibt, egal wieviel Text eingesetzt wird, am PC immer unten neben dem Text-Ende stehen. Am mobilen Gerät schiebt sich das Bild über den Text.

class="mbr-figure align-self-end"

Das Mobirise Programm kann Ihnen helfen, die Zeit für die Entwicklung Ihrer Website zu sparen, indem es einen flexiblen Website-Editor mit einem drag-and-drop Interface zur Verfügung stellt. Mobirise Website-Baukasten lässt Sie responsive und Mobile-freundliche Websites mit ein paar Klicks erstellen. Mobirise ist eins der einfachsten Tools für die Website-Entwicklung, die es heute gibt.

Das Mobirise Programm kann Ihnen helfen, die Zeit für die Entwicklung Ihrer Website zu sparen, indem es einen flexiblen Website-Editor mit einem drag-and-drop Interface zur Verfügung stellt. Mobirise Website-Baukasten lässt Sie responsive und Mobile-freundliche Websites mit ein paar Klicks erstellen. Mobirise ist eins der einfachsten Tools für die Website-Entwicklung, die es heute gibt.

Adresse

Schöne Strasse 1, Berlin

Deutschland