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

Question

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

У меня есть ряд position: relativespans, которые оборачивают вокруг какой-то текст и position: absolutespan набор для 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; 
}