Aligner une image sur le côté droit d'un div

Question

En utilisant JQuery JEditable, j'ai le code suivant ci-dessous qui permet à l'utilisateur de créer des notes post-it virtuelles, pour ainsi dire, et j'essaie de faire en sorte qu'à côté chaque div créé, une image de suppression que l'utilisateur peut simplement cliquer sur. Je sens que je suis presque là, il me manque juste quelque chose. En ce moment l'image apparaît seulement du côté droit des divs annexées et pas à côté de la première div. Des idées? Devrais-je créer dynamiquement le premier 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> 

Answer 1

Que diriez-vous de faire flotter img vers la droite à la place?