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

Question

我在一行文字的右侧有一张图片。如果文本足够长以包裹到下一行，它将从图像下方开始。我希望它仍然在第一行文本下方水平相同的位置开始。

以“勇士电视台”下的右侧最后一个链接为例： 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;
}

Answer 2

为什么不使用无序列表，并设置自定义项目符号？这看起来就像你想要的那样。