<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
div {
width: 200px;
border-style: solid;
border-color: black;
}
div#divPreWrap {
white-space: pre-wrap;
}
div#divPreLine {
white-space: pre-line;
}
</style>
<script>
window.onload=function(){
console.log("onload");
var text = "hih dshahdsdshhdsfh;dkhkjdhkjhjkfhk hjkhnbkjjjjjjjjjjjjjj\njjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj";
var d4 = document.getElementById("divPreWrap");
d4.innerText = "PRE-WRAP ==== "+ text;
var d5 = document.getElementById("divPreLine");
d5.innerText = "PRE-LINE ==== "+ text;
}
</script>
</head>
<body>
<div id="divPreWrap">
</div>
<div id="divPreLine">
</div>
</body>
</html>
текст вылазит за пределы div,
а не должен бы
