Bild links neben Text plazieren

[Jörg Reinholz]

Moin!

<div class="logo-section smooth-scroll">
	<div class="brand"><a href="#banner"><b>LPCHax</b></a></div>
</div>

Korrigiere ich zu

<div class="logo-section smooth-scroll">
  <a class="brand" style="background-image:url('LPCHax.jpg')" ref="#banner">LPCHax</a>
</div>

und verwende im Groben folgendes CSS:

.logo-section a.brand {
   display: block;
   font-weight: bold;
   padding-left:2em;
   background-repeat: no-repeat;
}

display und font-weight ersetzen den hyperliquiden Extra-Div und den fast schon verbotenen bold-Tag. Das für jeden Link individuelle Bild (deshalb als Attribut im HTML) wird als Hintergrund angezeigt. Der Text mit padding nach rechts verschoben.

Das ist es, was Du hier brauchst.

Jörg Reinholz