我來到這裏,但我似乎無法看到文字Product 1 Title
顯示在右邊,在圖像旁邊的頂部。其他文字seller
需要出現在它下面。直到這一次,我嘗試了所有的東西,從左邊的圖像移動到幾乎所有其他東西,但是我得到的結果都是奇怪的。我也在這裏嘗試了幾個關於stackoverflow的建議,但我懷疑它與其餘的CSS(無法更改)有關。浮動文字右側的圖像爲一個側杆
我已經刪除了與其相關的正文和css的其餘部分,並且僅在此處發佈了此問題。你能幫忙嗎?
我已經發布了它對我而言的圖像,以及我試圖實現的結果。
這是有問題的一部分:
<div id="contentright">
<div id="sidebar" class="clearfix">
<div class="menu">
<ul>
<li>
<img src="/resources/images/demo-1.jpg" style="float:left"><span style="margin-left:5px;">Product 1 Title</span><span>Seller</span>
</li>
<li>
<img src="/resources/images/demo-1.jpg" style="float:left"><span style="margin-left:5px;">Product 1 Title</span><span>Seller</span>
</li>
</ul>
</div>
</div>
</div>
我稍作剝離下來示例http://jsfiddle.net/TRNCFRMCN/3uzcbt58/3/%)p – loveNoHate 2014-10-05 11:07:45