Is there a way to position a div below another element without impacting the layout of the rest of the content?
<div style="margin:50px">
<div style="margin:20px; padding:10px; width:100px">
This is a small <span id="test" style="font-weight:bold">test</span>.. some text some text some text some text
</div>
</div>
<script>
var elm = document.getElementById('test');
var newDiv = elm.appendChild(document.createElement('div'));
with(newDiv){
style.position = 'relative';
style.left = elm.offsetLeft+'px';
style.background = '#ffffff';
style.width = '100px';
style.height = '50px';
innerHTML = 'wooop';
}
</script>