IE为什么不阻止我的段落溢出？

Question

我有一个带有<p>标签的div，我几乎只使用chrome，无论如何我注意到我的字体是真实模糊的，并且有点读数显示chrome以模糊字体而闻名，所以我打开IE浏览器看看那里的字体是什么样的，确实字体在IE中并不模糊，但我发现了一个新问题。我的段落是一行而不是正常的段落，比如chrome？

这是Chrome

这是IE

这两个截图中的代码完全相同。

div.description {
	width: 400px;
	height: 400px;
	background-color: #373737;
	box-shadow: 5px 5px 10px #888888;
	color: white;
	display: flex;
	align-items: center;
	overflow: auto;
	flex-direction: column;
	margin-right: 15px; 
}

.description p {
	margin: 0 5px;
}

<div class="description">
<h1>Title</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas libero orci, 
viverra vel neque sed, elementum molestie sem. Sed in est id metus pharetra 
interdum. Donec cursus diam sit amet est elementum volutpat. Nam suscipit eget 
leo at porttitor. Curabitur auctor ullamcorper leo. Aenean sollicitudin justo 
in elementum suscipit. Suspendisse potenti. Vestibulum vitae commodo tellus, 
in imperdiet ante. In luctus nec leo sed vulputate. Proin bibendum ipsum urna, 
a ornare ex blandit a.
</p>
</div>