Usando la propiedad con CSS3:
.no-seleccionable {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
Aunque esto no es para todos los navegadores y lo que quieres es algo que requiere probarse en todas habiendo muchas soluciones.
Solo con CSS podrás lo que quieres. Quizás si el contenido lo pongas en el atributo title para luego mostrarlo con CSS2+
se pudiera también.
Observa:
.no-seleccionable:before {
content: attr(title)": ";
position: absolute;
margin-left: 50%;
}
<div contentEditable="true" class="no-seleccionable" title="tu texto aqui">
Hola Mundo
</div>