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;
}

Answer 2

为什么不使用无序列表并设置自定义项目符号？这看起来正是你要对我说的。