有一张图片：
alt text http://img522.imageshack.us/img522/3892/64462657.jpg
如何制作此题词，以便：
线是“分开的”-在线之间是一个间隙。
文本左对齐。
照片的宽度不是固定的，而是浮动的。
文本的长度也不固定（签名可以具有不同的长度）。
我需要兼容跨浏览器的解决方案。
我提前为我的英语道歉。
如果您对这个问题有更好的标题-我会自行更改。
最佳答案
尝试这个：
诀窍-使用表格（仅一个元素，支持全部功能的垂直对齐：底部）。要控制间隙，请使用成对的参数（请参见.text字体大小/行高）
<style>
.frm{
height:80px;
vertical-align:bottom;
}
.text{
margin-bottom:3px;
background-color:#7f0000;
color:white;
font-size:15px;
line-height:20px;
}
.banner{
position:relative;
left:0px;
top:-80px;
width:200px;
}
</style>
<div style="float:left;">
<img src="64462657.jpg" />
<table class="banner" >
<tr>
<td class="frm">
<span class="text">OVERRIDE some long-long text there </span>
</td>
</tr>
</table>
</div>
唯一的问题-您需要指定文本的平均宽度（满足您的要求＃3，但是对于文本可以更改）。