Edit in JSFiddle

<textarea class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultrices volutpat justo, cursus feugiat lacus. Cras aliquam consequat diam. Nulla quis lacus lacus. Maecenas aliquet vehicula blandit. Vivamus vehicula sapien lacus, sit amet euismod eros accumsan sed. Integer tincidunt mattis enim, eget viverra leo.   
</textarea>

<div class="box" editable>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultrices volutpat justo, cursus feugiat lacus. Cras aliquam consequat diam. Nulla quis lacus lacus. Maecenas aliquet vehicula blandit. Vivamus vehicula sapien lacus, sit amet euismod eros accumsan sed. Integer tincidunt mattis enim, eget viverra leo.   
</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultrices volutpat justo, cursus feugiat lacus. Cras aliquam consequat diam. Nulla quis lacus lacus. Maecenas aliquet vehicula blandit. Vivamus vehicula sapien lacus, sit amet euismod eros accumsan sed. Integer tincidunt mattis enim, eget viverra leo.   
</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultrices volutpat justo, cursus feugiat lacus. Cras aliquam consequat diam. Nulla quis lacus lacus. Maecenas aliquet vehicula blandit. Vivamus vehicula sapien lacus, sit amet euismod eros accumsan sed. Integer tincidunt mattis enim, eget viverra leo.   

.box {
    width:200px;
    height:150px;
    display:inline-block;
    border-style: dotted;
    border-width: 1px;
    font-family: monospace;
    font-size: 9pt;
    vertical-align: top;
    margin: 3px;
    box-sizing: border-box;
    line-height: 110%;
    /*transition: all 1s;*/
    overflow: hidden;
    padding: 5px;
}

::first-line{
    color: red;
}

::first-letter{
    font-size: 30pt;
    font-family: serif;
    background-color: pink;
    border-style: dotted;
    border-width: 1px;
    color:blue;
    
}

.box::after{
    content:"(::after)";
    color: blue;
}

p::after{
    content: "(p::after)";
    color:blue;
    font-family:cursive;
}

p::before{
    content: "(p::before)";
    color:blue;
    font-family:cursive;
}

p::first-line{
    text-decoration: underline;
}

// written by Troy Whorten 3/8/2014