I have square elements that will be displayed in a row on the screen extension.
These elements are generated dynamically, starting with 2 and going up to 50. Depending on the screen size and number of elements, there may be overflow. In such cases, I want to show a horizontal scroll bar.
Check out the fiddle I experimented with here.
The code is as follows:
HTML
<div class="wrap-poltrona">
<div class="poltrona"></div>
<div class="poltrona"></div>
...
<div class="poltrona"></div>
<div class="poltrona"></div>
</div>
CSS
.wrap-poltrona{
}
.poltrona{
width: 100px;
height: 100px;
background-color: red;
float: left;
margin: 5px;
}