1、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。
2、然后通过background给div添加一张图片作为它的背景。
3、接着可以通过url()来连接图片，url里面放置的就是背景图片的路径。
4、随意地放了一张图片用作背景，一定要注意，路径要写对。
5、这样，保存之后文字就会覆盖在图片的上面了。
如果是背景图的话，可以用background-position:0px 0px后面的两个参数是横轴纵轴的两个坐标位置，你可以调整一下试试比如<div style="width:30pxheight:30pxbackground-img:url(/images/01.jpg)background-repeat:no-repeatbackground-position:10px 10px"></div>
方法一：
.a, .b {display: inline-block
width: 50%
border: 0
vertical-align:top /*靠上对齐*/
}
方法二：
.a, .b {float: left
width: 50%
border: 0
}
.parent:after { /*清除浮动*/
content: ''
display: block
clear: both
}
方法一看起来简单，但一般不建议使用行内块级元素（inline-block），容易出现一些让人摸不着头脑的错位问题。个人建议使用方法二。
