Forza il contenuto contenteditable da div o p

Question

qualcuno sa come forzare un contenuto di un div contentedit essere circondato da un div o un p? Se il contenuto di contenteditable è un div vuoto - selezionandolo con un range funziona su Firefox ad esempio ma su chrome il testo viene inserito prima del div. Ho bisogno del testo

HTML: 
<div id="edit" contenteditable="true"><div id="insert"></div></div> 

Tried this but the results are very inconsistent cross browser: 

var range = document.createRange(); 
range.selectNodeContents(document.getElementById('insert')); 

var selection = window.getSelection(); 
selection.removeAllRanges(); 
selection.addRange(range); 

La seconda questione è se questo è in qualche modo possibile per un contentEditable vuoto, questo potrebbe essere utilizzato anche per l'inserimento manuale a capo per essere sicuri di non ottenere < BR/> tag invece di una nuova div o p?

Grazie

Aggiornamento

Sembra le seguenti opere in qualche misura:

<div id="edit" contenteditable="true"><div id="insert"><br/></div></div> 

Con l'ulteriore < br/> Firefox, Chrome, Safari tutti generano una sola riga vuota dove tutti gli input finiscono all'interno del div, ma Internet Explorer (testato versione 9) mostra due righe vuote. Se non ci sono altre soluzioni disponibili - qualche idea su come risolvere il problema senza utilizzare il rilevamento del browser?

Answer 1

È possibile sostituire il tag br nel file css.

br { 
    display:block; 
    clear: both; 
    height: 1em; 
    line-height: 1em; 
} 

io non sono del tutto sicuro se em funzionerà. In caso contrario, dovrai provare anche il formato px.