Hier habe ich diesem Logo noch eine eigene
ID gegeben, auf die ich mich dann in der CSS besser beziehen kann.
Die CSS gehört dann in den Bereich "
CSS Editor" (rechte Bereich vom "Code Editor"). Da das
<img> Tag einen Umbruch erzeugt habe ich da ein:
"
float: left"
... hinzugefügt, sodass das Bild in der
gleichen Zeile angezeigt wird. Weiterhin habe ich eine maximale Breite von
50px bestimmt. Hier meine
id="mylogo" im Bereich "CSS Editor" vom verwendeten Block:
So sieht das dann, mit der
id="mylogo" für die CSS, im Bereich "HTML Code" aus:
Code: Alles auswählen
<h4 class="mbr-section-subtitle mbr-fonts-style mb-4" mbr-if="showSubtitle" data-app-selector=".mbr-section-subtitle" mbr-theme-style="display-5">
<img id="mylogo" src="https://www.tsad17.de/assets/images/sonneklein.png" alt="Sonne"> Sonne
</h4>
Das <h4> Tag außen herum ist von Mobirise und hat mit Deinem Sonnen-Logo nichts zu tun, es geht also nur um das händisch eingebaute <img> Tag der mittleren Zeile im Code oben.
Der HTML-Code
(no-break space) den ich noch vor dem Wort "Sonne" eingefügt habe, erzeugt ein geschütztes Leerzeichen, damit ein Leerzeichen zwischen Bild und Text steht und das nicht direkt da dran klebt.
... und so sieht das dann aus (Sonnen-Logo vor dem Text):