Div scrollabile in orizzontale
Per creare un div che faccia lo scroll in orizzontale usare il seguente codice:
<div style="width: 100%; overflow-x:auto; padding-bottom:10px; white-space: nowrap;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In maximus metus non justo bibendum tristique. Sed fermentum consequat magna nec sodales. Maecenas a consectetur...
</div>
Example:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In maximus metus non justo bibendum tristique. Sed fermentum consequat magna nec sodales. Maecenas a consectetur nisi. Nulla malesuada tempus justo, id vestibulum turpis consectetur id. Donec vel finibus nisi. Aliquam lectus nisi, ultrices nec felis ac, dapibus sagittis tellus. Nulla ut elit non ante facilisis tristique in quis ex. Suspendisse potenti. Integer vehicula iaculis pretium. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur hendrerit quam sit amet dapibus viverra. Quisque tempor luctus nisi, commodo placerat sapien semper consectetur. Nulla facilisi. Praesent viverra, ex eget aliquet sagittis, ante neque aliquet massa, nec ornare leo nibh sed est. Praesent sit amet ligula sapien. Suspendisse hendrerit porttitor commodo. Nulla vel mauris sollicitudin, dignissim massa in, efficitur nunc. Nulla ut lorem nunc. Nulla sit amet pretium justo. Aenean et augue diam. Nunc in aliquam turpis. Fusce porta finibus nibh, vitae aliquam libero gravida et. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi et rhoncus odio. Donec ullamcorper auctor felis vel faucibus. Aliquam pellentesque ex et blandit pellentesque. Morbi tempor gravida mauris mattis feugiat. Duis sagittis sodales nisl, quis scelerisque justo vestibulum vel. Aliquam non ullamcorper nisl. Maecenas ultricies congue erat eu euismod. Sed semper, ante eu mollis tincidunt, purus magna aliquet diam, vitae placerat lacus eros in leo. Vestibulum pellentesque sem vel elit condimentum, sed sodales eros scelerisque. Proin hendrerit tincidunt auctor. Quisque ut consequat erat. Vivamus convallis erat at pellentesque lobortis. Integer vitae mattis lorem. Cras tincidunt ante vitae dapibus iaculis. Donec et mattis sem. Curabitur urna neque, varius ac interdum vel, venenatis at purus. Pellentesque maximus tellus turpis. Sed varius lacinia lacinia. In hac habitasse platea dictumst. Pellentesque eu tincidunt augue. Nullam sed dapibus sapien, at posuere nulla. Fusce vitae metus ullamcorper, porttitor urna ac, malesuada elit. Morbi maximus lectus et auctor condimentum. Vestibulum velit velit, sagittis id mollis nec, tincidunt sit amet arcu. Integer nunc dolor, bibendum euismod euismod at, interdum ut mauris. Suspendisse in urna ut augue ornare laoreet. Vestibulum imperdiet elementum eros, id aliquam risus semper hendrerit. Maecenas malesuada sed libero in lacinia. Praesent in semper ante. Donec porttitor pharetra tortor, vehicula auctor sapien tristique sit amet. Donec sed massa urna. Maecenas venenatis ultricies erat, quis ornare velit dignissim eu. Aliquam neque nunc, pharetra ac semper ac, interdum a neque. Nam placerat libero eros, in sodales lectus ultrices id. Nulla scelerisque molestie mi a tincidunt. Ut eget eleifend dui.