在HTML中插入图像而不移动文本

Question

我使用javascript在文本之间插入一个小图片。当我插入图像时，文本在图像进入时向右移动。我想插入图像，使文本不移动或移动，图像叠加，使用javascript。我目前的职能是

var paraId = android.selection.getParagraphID();
var range = window.getSelection().getRangeAt(0);
var selectionContents   = range.extractContents();
var span = document.createElement("span");
span.appendChild(selectionContents);
span.setAttribute("class","uiWebviewHighlight");
span.style.backgroundColor  = "blue";
span.style.color = "white";
var spanID = 'SP' + paraId;
span.setAttribute("id",spanID);
var image = document.createElement("img");
image.src = "http://www.google.com/intl/en_com/images/logo_plain.png";
image.height=5;
image.width=5;
image.align = "top";
image.style.position="relative";
span.appendChild(image);
range.insertNode(span);

Answer 1

<img src="test.png" style="float:right;">

你也可以将float:left;放在风格中。