This is the current setup I have:
<div>
<div>
</div>
<div>
</div>
<div>
</div>
</div>
The inner divs are styled with this CSS:
float: left;
margin-right: 40px;
width: 100px;
While the outer divs have the following styles:
overflow-x: scroll;
height: 275px;
width: 300px;
Within these divs, there is a list of input checkboxes. The goal is to have them slide to the right and then display a horizontal scrollbar. However, the current behavior is causing the divs to wrap vertically instead of continuing horizontally, resulting in vertical scrolling. How can I adjust the styling to ensure they continue to move right as intended?