Using the CSS vertical-align property

gcastner — Wed, 06 Feb 2008 07:24:00 GMT

This post has moved to http://castnerit.com/blog/?p=44

CSS properties for text wrapping

gcastner — Thu, 25 Jan 2007 21:05:00 GMT

A problem I've encountered on my website and seen on others is when text wrapping causes text to overflow the borders of its container. Here is an example style and associated properties to avoid this problem occurring:

.yourstyle

{
min-width:250px;
width:100%;
display:block;
overflow:hidden;
white-space:nowrap;
}

In my case, the style is applied to a series of <li> tags.

The 3 key properties are display, overflow, and white-space.

Duck Bytes : CSS

Using the CSS vertical-align property

CSS properties for text wrapping