A Pen by Andrew Kirchmyer.

css-li-items-on-the-same-line,-no-wrapping.markdown

css li items on the same line, no wrapping

A Pen by Andrew Kirchmyer on CodePen.

License.

index.html

<ul class="mylist">
    <li><a href="#">Item 1</a></li>
    <li><a href="#">Item 2</a></li>
    <li><a href="#">Item 3</a></li>
    <li><a href="#">Item 4</a></li>
        <li><a href="#">Item 5</a></li>
        <li><a href="#">Item 6</a></li>
        <li><a href="#">Item 7</a></li>
        <li><a href="#">Item 8</a></li>
</ul>

style.css

.mylist {
    display: block;
    white-space: nowrap;
    width: 200px;
    overflow: hidden;

}
.mylist li {
    display: inline;
}