Jquery 将图像与div的右侧对齐

使用JQuery表格，我有下面的代码，可以说，它允许用户创建虚拟便笺，我正试图使它在创建的每个div旁边都有一个删除图像，用户只需单击即可。我觉得我就快到了，我只是错过了一些东西。到目前为止，图像仅出现在附加div的右侧，而不是第一个div的旁边。有什么想法吗？我应该动态创建第一个div吗

<script type="text/javascript">
    $(document).ready(function() {
        $('.edit_area').editable(function(value, settings) {
            return (value);
        }, {
            type: 'textarea',
            onblur: 'submit',
            indicator: 'Saving...',
            callback: function(value, settings) {

                $.post('<%=Url.Action("SetPostieNotes", "Posties") %>', { id: 0, content: escape(value) }
                );
                function S4() {
                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
                }
                var uuid = (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());


                    var del_img = $('<div><img src="<%=Url.Content("~/Content/images/delete_14.png") %>" /> </div>');
                    var new_div = $('<div style="float: left; width:98%; text-align: left;" id=' + uuid + '>')
                          .addClass('edit_area')
                          .editable('<%=Url.Action("SetPostieNotes", "Posties") %>', settings);
                    $(this).parent().append(new_div);                                    
                    $(this).parent().append(del_img);

            }
        });
    });


</script>

<div style="float: left; width:98%; text-align: left;" class="edit_area" id="empty"></div>

---

把img移到右边怎么样？

第一个div是什么？样品上少了吗？我没有看到一个有img的div。。。