No wrap child elements

by JThomas

HTML

<div class="parent">
    <div class="child">
        1
    </div>
    <div class="child">
        2
    </div>
    <div class="child">
        3
    </div>
    <div class="child">
        4
    </div>
    <div class="child">
        5
    </div>
</div>

CSS

.parent {
    white-space: nowrap;
}
.child {
    width: 20em;
    display: inline-block;
}

.child:nth-child(odd) {
background-color: red;
}

.child:nth-child(even) {
background-color: green;
}