css右對齊span元素

Question

我想對齊span元素右側的圖像。

我已經在td元素中工作得很好，但現在不能工作，因爲我已經將它移入了一個跨度。將不勝感激任何建議。

<div style="width:400px;"> 
    <span style="display:inline-block;width:50%;" onclick="location.href='http://www.google.com'">Go to Google</span><span style="display:inline-block;width:50%;float:right;weight:bold;" onclick="location.href='http://www.yahoo.com';><img src="test.gif" width=40 height=40 border=0>Go to Yahoo</span> 
</div> 

http://jsfiddle.net/sVdE3/

Answer 1

這個怎麼樣？

<div> 
    <span onclick="location.href='http://www.google.com';">Go to Google 
     <img src="https://www.google.com/images/srpr/logo11w.png" width="40" height="40" border="0" /> 
    </span> 
    <span onclick="location.href='http://www.yahoo.com';">Go to Yahoo 
     <img src="https://www.google.com/images/srpr/logo11w.png" width="40" height="40" border="0" /> 
    </span> 
</div> 

而對於CSS如下：

div { 
    width: 400px; 
} 
span { 
    display: inline-block; 
    width: 50%; 
    float: left; 
} 
img { 
    float: right; 
} 

http://jsfiddle.net/grim/sVdE3/2/

請注意，您在您的標記一些錯誤，例如，您沒有關閉引號（「）。