Adding an image before each new line Angular4 renderer : I am trying to add an image before each new line

(img) Apple

(img) Ball

(img) Cat

(img) Dog


    create() {
      this.tooltip = this.renderer.createElement('div');
      this.tooltipTitle.split(',').forEach((text) => {
      this.renderer.appendChild(this.tooltip, this.renderer.createText(text));
      this.renderer.appendChild(this.tooltip, this.renderer.createElement('br'));
      this.renderer.appendChild(document.body, this.tooltip);
     });
    }

    this.renderer.addClass(this.tooltip,'classA')

     .classA{
       positon:absolute;
       max-width: 150px;
       font-size: 14px;
       color: black;
       padding: 3px 8px;
       background: grey;
       border-radius: 4px;
       z-index: 100;
       opacity: 0;
     }

So the addClass is adding styles to the whole tooltip.That is good and working what I am further trying is to add an image at beginning of new line as well