Advertisement
obernardovieira

[+CSS] Horizontal Scroll

Apr 5th, 2015
487
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.68 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <style>
  6.     * {
  7.         margin: 0px;
  8.         padding: 0px;
  9.     }
  10.     ul {
  11.         list-style-type: none;
  12.         background-color: red;
  13.         overflow-x: scroll;
  14.         white-space: nowrap;
  15.     }
  16.     li {
  17.         display:inline;
  18.         padding: 1%;
  19.     }
  20.     </style>
  21. </head>
  22. <body>
  23.     <ul>
  24.         <li>Item1</li>
  25.         <li>Item2</li>
  26.         <li>Item3</li>
  27.         <li>Item4</li>
  28.         <li>Item5</li>
  29.         <li>Item6</li>
  30.         <li>Item7</li>
  31.         <li>Item8</li>
  32.         <li>Item9</li>
  33.         <li>Item10</li>
  34.         <li>Item11</li>
  35.         <li>Item12</li>
  36.         <li>Item13</li>
  37.         <li>Item14</li>
  38.         <li>Item15</li>
  39.         <li>Item16</li>
  40.         <li>Item17</li>
  41.         <li>Item18</li>
  42.         <li>Item19</li>
  43.         <li>Item20</li>
  44.     </ul>
  45. </body>
  46. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement