javascript - line breaks in Div -

$("textarea").blur(function() {    $("div").html($("textarea").val());  });    $("textarea").blur();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>  <div></div>    <textarea>test123123123123123123123123123123 teateafsdsafsdafaasdf</textarea>

i content in div appear same in textarea (line breaks instead of showing in 1 line).

i've tried set height , width gives me horizontal scroll bar.

use word-break:break-all , give width div should work check snippet

$("textarea").blur(function() {    $("div").html($("textarea").val());  });    $("textarea").blur();

div,textarea{    word-break:break-all;    width:220px;    border:1px solid black;    margin:10px;  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div></div>    <textarea>test123123123123123123123123123123 teateafsdsafsdafaasdf</textarea>

hope helps