JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/6810484/make-list-always-display-one-line-of-elements-in-a-fixed-width-div

by tw16

HTML

<div id="tab-content">
 <div id="part-list">
    <ul>
           <li>Test 1</li>
           <li>Test 2</li>
           <li>Test 3</li>
           <li>Test 4</li>
           <li>Test 5</li>
    </ul>
  </div>
</div>

CSS

#tab-content{
        overflow: auto;
        height: 100%;
        position:relative;
        background-color: #373837;
        color: white;
        padding-left:20px;
        padding-right:20px;
}

#tab-content ul{
       list-style: none outside none;
       overflow: auto;
       white-space: nowrap;
}
#tab-content ul li{
        display: inline;
        padding: 7px;
        margin-right: 4px;
        font-style: italic;
        color: #cccccc;
}