html - 图像结束后水平对齐新的文本行

Question

我在一行文本的右侧有一个图像。如果文本足够长可以换到下一行，它会从图像下方开始。我希望它仍然从第一行文本下方的水平位置开始。

以“Warriors TV”下右侧的最后一个链接为例: http://www.nba.com/warriors/fanzonelandingtest_009.html

这是这些链接的代码:

<img style="padding-right: 10px;" src="imgsrc.jpg" /><a href="link.htm">Link Title Possibly New Line</a><br />

我能做些什么来实现这一点？如果我不清楚，请告诉我。

Answer 1

而不是使用内联 <img />元素，为什么不使用图像作为背景图像并调整文本填充？

#tab_warriorstv_links_fz span { 
    background:url("/warriors/photos/tvicon_fz.png") no-repeat left top; 
    padding-left:25px;
}