html 怎么编写 文字靠左，图片靠右，并且底部对齐

有很多种方法，可以计算外层DIV的高度，为包含文字和图片的标签分别设置左右对齐，然后给相应的margin上边距。

还可以对最外层的DIV设置相对定位，再对里面的文字与图片设置绝对定位。定位示例：

<div>

       <span>413</span><img src="images/pic.jpg" />

</div>

比如你的DIV长为610像素，高为150像素的话，样式如下：

<style type="text/css">

div    {width:610pxheight:150pxmargin:50px autoposition:relative}

span {position:absoluteleft:0bottom:0px}

img  {position:absoluteright:0bottom:0px}

</style>

效果如下：

参考资料：http://blog.sina.com.cn/htmlcss3

选择使用非块级元素(行内块或者行内元素)就行了，或者将块级元素设置为非块级元素即可（即display：line-block或者display:line）。这里给你个示范：

拓展：块级元素，行内块元素，行内元素的区别

<div><img src="1.jpg" style="float:left"><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p><p>文字文字文字文字文字文字文字文</p></div>

---