[+CSS] Horizontal Scroll

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <style>
    * {
        margin: 0px;
        padding: 0px;
    }
    ul {
        list-style-type: none;
        background-color: red;
        overflow-x: scroll;
        white-space: nowrap;
    }
    li {
        display:inline;
        padding: 1%;
    }
    </style>
</head>
<body>
    <ul>
        <li>Item1</li>
        <li>Item2</li>
        <li>Item3</li>
        <li>Item4</li>
        <li>Item5</li>
        <li>Item6</li>
        <li>Item7</li>
        <li>Item8</li>
        <li>Item9</li>
        <li>Item10</li>
        <li>Item11</li>
        <li>Item12</li>
        <li>Item13</li>
        <li>Item14</li>
        <li>Item15</li>
        <li>Item16</li>
        <li>Item17</li>
        <li>Item18</li>
        <li>Item19</li>
        <li>Item20</li>
    </ul>
</body>
</html>