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/

请注意，您在您的标记一些错误，例如，您没有关闭引号（“）。