html中如何同一行显示两个不同样式的文字？ 文字一个居中 一个在最右边

Question

html中如何同一行显示两个不同样式的文字？ 文字一个居中 一个在最右边 比如下面图里这样：

Answer 1

<div class="footer">居中的部分
<span>靠右的部分</span>
</div>
<style>
.footer{ text-align:center; height:30px; line-height:30px; background:#F4F4F4; width:1000px; margin:0 auto; padding:0 10px; font-size:12px;}
.footer span{ float:right;}
</style>

你看一下 希望可以帮到你

这种是最简洁的方法了

Answer 2

<div class="contain">
<span class="center">居中的部分</span>
<span class="right">靠右的部分</span>
</div>
<style>
.contain{
    text-align:center;
}
.center{
}
.right{
    float:right;
}
</style>

Answer 3

<div style="position:absolute;top:0px;text-align:center;color:#0000ff;width:100%">居中文字</div> <div style="position:absolute;top:0px;float:right;text-align:right;color:#000000;width:100%">右边文字</div>

Answer 4

<span style="自己想加的css样式">文本</span><span style="自己想加的css样式">文本</span>

Answer 5

<dl>
<dt>1</dt>
<dd>2</dd>
</dl>

dt 设置 text-align:center
dd 设置 text-align:right