problème d'emballage liste HTML

Question

J'ai une liste HTML avec ce style:

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

et les cellules ont ce style:

display: inline; 

et j'ai des cellules d'espacement entre chaque cellule avec ce style:

padding-right: 20px; 
display: inline; 

Mon problème est que lorsque la liste est trop longue pour ses 700 pixels, il s'enroule. Je le veux, mais je ne veux pas que les objets soient sur deux lignes séparées. J'ai essayé la propriété CSS white-space, mais rien ne semble fonctionner. Des idées?

Answer 1

Je pense que ce que vous voulez est de se débarrasser des éléments de la liste d'espacement (ne les appelez pas cellules), et placez une marge droite sur le style de l'élément de la liste. Vous voulez une marge, qui peut être mangée par le navigateur sur le bord du conteneur, et non sur le remplissage, ce qui ne peut pas être le cas.