2 Row No wrap

by Adrian Enriquez

HTML

<ul class="slides">
    <li ng-repeat="item in featured">
        <div class="item-col">
            <div class="item">
                <img src="http://placehold.it/250x220/5A595E/000000">
                <p class="title">Title</p>
            </div>
            <div class="item">
                <img src="http://placehold.it/250x220/5A595E/000000">
                <p class="title">Title 2</p>
            </div>
        </div>
        <div class="item-col">
            <div class="item">
                <img src="http://placehold.it/250x220/5A595E/000000">
                <p class="title">Title</p>
            </div>
            <div class="item">
                <img src="http://placehold.it/250x220/5A595E/000000">
                <p class="title">Title 2</p>
            </div>
        </div>
        <div class="item-col">
            <div class="item">
                <img src="http://placehold.it/250x220/5A595E/000000">
                <p class="title">Title</p>
            </div>
            <div class="item">
                <img src="http://placehold.it/250x220/5A595E/000000">
                <p class="title">Title 2</p>
            </div>
        </div>
        <div class="item-col">
            <div class="item">
                <img src="http://placehold.it/250x220/5A595E/000000">
                <p class="title">Title</p>
            </div>
            <div class="item">
                <img src="http://placehold.it/250x220/5A595E/000000">
                <p class="title">Title 2</p>
            </div>
        </div>
        <div class="item-col">
            <div class="item">
                <img src="http://placehold.it/250x220/5A595E/000000">
                <p class="title">Title</p>
            </div>
            <div class="item">
                <img src="http://placehold.it/250x220/5A595E/000000">
                <p class="title">Title 2</p>
            </div>
        </div>
    </li>
</ul>

CSS

ul{
    list-style-type:none;
}
li,li .item-col{
    display:inline-block;
    white-space:nowrap;
}
li .item-col div{
    display:block;
}