Editable div using css and html

by Pritom K Mondal

HTML

<div class="sticky_editor" style="" contentEditable="true">
    Here is your html.<br/>Thanks.
    <p>This is p tag</p>
</div>

CSS

.sticky_editor {
    background-color: #FFFFCC;
    background-image: url("images/document_body_rules.gif");
    background-position: -1px top;
    background-repeat: repeat;
    line-height: 20px;
    min-height: 113px;
    border: 1px solid #E7E7E7;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    font-family: monospace;
    padding: 12px;
    overflow: auto;    
}