Есть ли альтернатива позиции: абсолютная внутренняя позиция: относительная?

Question

Я работал над этим некоторое время, и просто не могу понять это.

У меня есть серия position: relative spans, которые обернуты вокруг некоторого текста иposition: absolute span установлено на right: 0;.Я ожидаю, что второй промежуток будет зависать справа от первого промежутка, даже если первый промежуток разбит на две строки - но, увы, я смог заставить это работать только в Safari.

Чтобы увидеть пример, посмотрите здесь: http://workingonit.andrewleclair.com/slashtest/.

Я нашел эту страницу: http://www.brunildo.org/test/inline-cb.html, которая предполагает, что этот метод, хотя технически правильный, не поддерживается должным образом.Что бы я хотел, чтобы каждый / был прикреплен к концу каждого li, даже если он переносится на несколько строк ..

Есть идеи?Спасибо.

Answer 1

Похоже, ваш заголовок слишком мал. Попробуйте убрать ширину. Если я это сделаю, то в FF 3.6 все выглядит хорошо.

#header {
    float: left;
    margin-right: 48px;
    margin-top: 26px;
    /*width: 334px;*/
}

Другой способ - добавить пробел: nowrap к вашему li.

li {
    color: #888888;
    list-style-type: none;
    white-space: nowrap;
}

Edit:

Попробуйте вместо этого ...

.slash {
    color: #BBBBBB;
    padding: 0 2px 0 19px;
}

.header {
    background-color: yellow;
    border: 1px solid red;
}