Question

一行大小不一样的字如何一部分靠左显示，一部分靠右显示，且底端对齐，用html5实现，具体如图

Answer 1

<span>左边文字</span>
<strong>右边文字</strong>

span{float:left; line-height:80px;}
strong{float:right; line-height:80px;}

Answer 2

左浮动和右浮动

追问

我试了一下

然后效果是这样的

它们底端无法对齐

追答

前面多大字体，后面多大字体，外框设置高度没有？

div里面的文字底部对齐可以通过设置如下css样式实现

display:table-cell; /*按照单元格的样式显示元素*/
vertical-align:bottom; /*底对齐*/

追问

还是不行哎

追答

发出你的代码看看

这代码有问题，你第一个是div浮动，第二个是div里的span浮动，这里就错了，还有后面两个span有什么用，一个都没闭合

追问

改成这样后的页面效果和之前还是一样的

Answer 3

正常写就没事了，