HTML: DIV Box im Textfluss zwischen den Wörten einer Zeile anzeigen

Eine DIV-Box ist für dein Anliegen eher ungeeignet, da ein DIV kein Element ist, das sich im normalen Textfluss bewegt. Stattdessen solltest du lieber den SPAN-Tag benutzen. Das mit dem Anzeigen von Ausschnitten von Bildern geht da genauso, wie im DIV.

Deine CSS-Klasse kann dann zum Beispiel so aussehen:

.textimg {
  width: 20px;
  height: 20px;
  background: url('pic.png') -20px -20px;
  display: inline-block;
}

Und im HTML-Text könntest du das Bild so einfügen:

Text <span class="textimg"></span> mit Bild.

Wichtig ist vor allen Dingen, dass man "display: inline-block" definiert. Ansonsten kannst du Höhe, Breite und Hintergrund so anpassen, wie du es benötigst.
21.02.2014 um 18:23