редактируемый div
 

не могу понять как сделать div который можно редактировать.
то есть кликнул - можно редактировать...
ушел или кликнул в другое место - то текст обновился.

ну очевидно тебе нужна какая то textarea где ты будешь редактировать содержимое. Появление ее делаешь по клику на кнопку "Редактировать" например.
На document вешаешь обработчик клика, который проверит, если эта текстареа открыта и источник (event.target) не эта текстареа, то выполняем код на сохранение изменений

<div contenteditable="true">

извините за офф топ
а в css это как то можно прописать?

эээ. зачем, простите, усложнять?
<div contenteditable="true">Содержимое тега DIV</div>

только это не поможет, если вы хотите сохранить содержимое на странице для дальнейшего использования после закрытия страницы.

o_0
Зачем?

Семантичъно же.