Как заставить некоторые объекты находиться на двух отдельных строках?

Question

У меня есть список HTML с этим стилем:

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

, и ячейки имеют этот стиль:

display: inline;

, и у меня есть ячейки-разделители между каждой ячейкой с этим стилем:

padding-right: 20px;
display: inline;

Моя проблема в том, что когда список слишком длинный для его 700 пикселей, он переносится.Я хочу этого, но я не хочу, чтобы объекты были в двух отдельных строках.Я пробовал CSS свойство пробела, но, похоже, ничего не работает.

Answer 1

Я думаю, что вы хотите избавиться от интервальных элементов списка (пожалуйста, не называйте их ячейками) и поставить поле справа от стиля элемента списка. Требуется поле, которое браузер может съесть на краю контейнера, а не заполнять, что не может.