Javascript-форум - не так работает white-space

<!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,
а не должен бы :nono: