Horizontal Select

Mocking this up for sleepytime

by omni5cience

HTML

<ul class="horizontal-select">
    <li class="select-item">10:00</li>
    <li class="select-item">10:00</li>
    <li class="select-item">10:00</li>
    <li class="select-item selected">10:00</li>
    <li class="select-item">10:00</li>
    <li class="select-item">10:00</li>
    <li class="select-item">10:00</li>
</ul>

CSS

.horizontal-select {
    list-style: none;
    background-color: green;
}

.select-item {
    display: inline;
    background-color: yellow;
}

.select-item.selected {
    background-color: pink;
}