位置の代わりに絶対的なインライン位置：relative？

Question

私はしばらくこのことに取り組んできましたが、それを理解できないようです。

は、私はいくつかのテキストの周りに巻かれposition: relativespansのシリーズとright: 0;へposition: absolutespanセットを持っています。最初のスパンが2行に分かれていても、2番目のスパンが最初のスパンの右側に張り付いていると思いますが、残念ながら私はこれを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;*/ 
} 

もう1つの方法は、空白：nowrapをあなたのお子様に追加することです。

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

編集：

すると、私は混乱している...ではなく

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

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