overflow-x:scrollが効かない

HTML

<div>
    <i class='fa-solid fa-check'>
    <p>この文章が長すぎるのでoverflow:scrollしたい</p>
</div>

原因

子要素にwhite-space:nowrapかwidthを指定する

div {
    overflow: scroll;
}
p {
    white-space: nowrap; // またはwidth: 500px;
}