第一种方法、添加一个DIV，采用绝对定位，图片所属DIV为基准。
参考代码如下：
1
2
3
4
5
6
<div style="position:relativewidth:100pxheight:100px">
<img src="" alt="" />
<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">
文字
</div>
</div>
第二种方法、图片作为背景图片。
参考代码如下：
1
2
3
<div style="background:url(abc.jpg) no-repeat left top">
文字
</div>
可以给标签家个id或class就可以调整文本框的宽和高。
如：
<style type="text/css">
.text1{width:100pxheight:20px}
</style>
<input type="text" class="text1" />
扩展资料：
在CSS中，使用text-align属性控制文本的水平方向的对齐方式：左对齐、居中对齐、右对齐。
该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。
默认值：left if direction is ltr, and right if direction is rtl
继承：yes
版本：CSS1
JavaScript 语法：object.style.textAlign="right"
参考资料来源：百度百科-text-align
（1）在CSS样式中单击【新建】菜单命令，打开【新建CSS规则】对话框，选择【选择器类型】为“标签”、选择【选择器名称】为img
（2）单击上图中的【确定】按钮，打开【img的CSS规则定义】对话框，选择【方框】选项。
单击【Float】选项下拉按钮，选择【left】选项，设置【Margin】选区中的选项为全部相同，值设为5，
（3）单击【img的CSS规则定义】左侧分类中的边框，如下图所示。
设置边框右侧属性为全部相同，“Style”值设为solid，“Width”值设为“2”；“Color”值设为“#F00”，至此图片CSS规则设置规则设置完毕，单击【确定】按钮，关闭规则编辑框。设置完后，可以发现实现效果与手工编写方式是一致的，没有什么不同。
