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;
}
<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;
}