<style type="text/css">
    .slider {
        width: 640px;
        margin: 0 auto;
    }
    .slider > div {
        margin: 0 auto;
        width: 640px;
        height: 340px;
        background-color: #eee;
    }
    .slider > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-top: 5px;
        display: flex;
        justify-content: center;
    }
    .slider > ul li {
        margin-right: 5px;
        background-color: #eee;
        width: 80px;
        height: 60px;
    }
    .slider > ul li:last-child {
        margin-right: 0;
    }
</style>

<div class="slider">
    <div><!-- Preview Image --></div>
    <ul>
        <li><!-- Thumb Image --></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>