HTML: Display DIV Box between words in line in regular text flow

For your purpose, a DIV box is not fitting, because a DIV is not an element that is appearing in the text flow. Instead, you should get to use the SPAN-tag. It is also possible to display parts of images within this tag but it is better suitable to be shown in line.

Your CSS class can look like this for example:

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

And in your HTML text, you can insert the image like that:

Text <span class="textimg"></span> with image.

Above all, it is important to define "display: inline-block". Apart from that, you can adjust the height, width and background like you need it. 
2014-04-16 at 18:15