html - Click the Text in a Div and Type to change It -

here html:

<div class="div1" id ="div1" onclick="onstepclicked()" style ="text-align:center">step 1</div>

here css:

.div1 {         width: 300px;         height: 100px;         border: 1px solid blue;         box-sizing: border-box;

i'm trying google , when click text allows edit it. don't know if there in css or in div me able this.

you can use contenteditable edit make text or div editable.

html:

<div contenteditable="true">this editable text.</div>

Ben