Is there a way to make a content editable div act like a text box with a fixed horizontal width and unlimited vertical expansion? Take a look at this jsfiddle, and find the code below: http://jsfiddle.net/seoj7cgq/
<!--How do I force the text to stay in the div horizontally and scroll infinitely vertically?-->
<title>JS Bin</title>
<style>
.element {
max-height: 200px;
width:300px;
height:300px;
max-width: 300px;
background: #999;
overflow: hidden;
}
</style>
</head>
<body>
<div class="element" contenteditable=true>
this is the text
</div>
</body>
</html>