Advertisement
valentinegirl

vertical scroll

Mar 12th, 2022
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.74 KB | None | 0 0
  1. <style>
  2. #hoohoo {
  3. width: 20em;
  4. border: 1px solid black;
  5. white-space: nowrap;
  6. overflow-y: auto;
  7. padding: 1em;
  8. box-sizing: border-box;
  9. height: 15em;
  10. overflow-x: hidden;
  11. }
  12. .lala {
  13. width: 17.5em;
  14. border: 1px solid black;
  15. white-space: normal;
  16. display: block;
  17. height: 90%;
  18. padding: .2em;
  19. vertical-align: middle;
  20. margin-bottom: 10px;
  21.  
  22. }
  23. </style>
  24. <div id="hoohoo">
  25. <div class="lala">
  26. To make these into scrollboxes put 'overflow-x: auto;' under .lala!
  27. </div>
  28.  
  29. <div class="lala">
  30. You can add these infinitely, just add another div class="lala" in between greater than/less than signs.
  31. </div>
  32. <div class="lala">
  33. More stuff here
  34. </div>
  35. <div class="lala">
  36. More stuff here
  37. </div>
  38. <div class="lala">
  39. More stuff here
  40. </div>
  41. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement