HTML list wrapping problem

Posted by Daniel on Stack Overflow See other posts from Stack Overflow or by Daniel
Published on 2010-04-25T03:56:50Z Indexed on 2010/04/25 4:03 UTC
Read the original article Hit count: 305

Filed under:
|
|
|
|

I have a HTML list with this style:

font-weight: bold;
padding: 0px;
margin: 0px;
list-style-type: none;
display: block;
width:700px;
font-size: 14px;
white-space: pre-wrap;

and the cells have this style:

display: inline;

and I have spacer cells between each cell with this style:

padding-right: 20px;
display: inline;

My problem is that when the list is too long for its 700 pixels, it wraps. I want this, but I dont want the objects to be on two separate lines. I have tried the CSS white-space property, but nothing seems to work. Any ideas?

© Stack Overflow or respective owner

Related posts about css3

Related posts about html