0

私は過去数時間インターネットでこの問題の解決策を探していましたが、何も見つかりませんでしたが、いくつかの同様の問題がありますが、これと同じものはないようです。

2つのスパン要素を含むリストがあります。最初のスパン要素を左にフロートさせ、2番目のスパン要素を右にフロートさせたいと思います。

IE 7以外のすべてのブラウザでは、次の行に正しい要素が表示されます。

そのようです ：

左

左右

左右

  RIGHT - (this is not meant to be in a code block, unsure how to remove it)

（3つ以上の要素がありますが、これは一般的な例です。問題のあるページは次の場所にあります：http ://www.blisshair.com.au/testing/ ）

これを修正するためにどの変更を行うべきかわかりません。

誰かが私を助けることができれば、私は大いに感謝するでしょう。

よろしく。

4

2 に答える 2

1

これをCSSに追加してみてください。

#basic_info ul {
padding:0px;
margin:0px;
list-style-position:inside;
list-style-image:url(tick.png);
width:100%; 
position: relative;
font-size:0.8em;
float: left;    

}

#basic_info li {
border-top:0.1em solid #DFDFDF;
background:#F7FEF3;
position: relative;
width:100%;
float: left;

}
于 2012-07-20T06:43:37.897 に答える
0

次のような要素に追加clear:rightしてみてくださいli

#basic_info li {
border-top: 0.1em solid #DFDFDF;
background: #F7FEF3;
clear: right;
}
于 2012-07-20T06:17:59.163 に答える