User Experience
Tab Wraps
Freshness Warning
This blog post is over 21 years old. It's possible that the information you read below isn't current and the links no longer work.
10 Oct 2003
In the last few days I’ve been asked more than once how to keep CSS tab list-based navigation from wrapping to multiple lines as the browser window shrinks.
All you need to do is set the width of your UL tag to the minimum width you need. For instance, if your design starts to wrap when the browser window falls below 500 pixels, add width: 500px;
to the style for your tab’s UL tag.