javascript - 在 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; 放入样式中。