Вставить изображение в 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; также в стиле.