Div + CSS里面的文在前面的文本居左,后面的文本居右想当于左右分段对齐

自己写的琢磨的,仅供参考
.morelink
{
    margin-top:-25px;
    margin-right:10px;
    float:right;     
}
.classbluebg
{
    background-image: url(/Pic/classbluebg.gif);
    width:252px;
    height:24px;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 line-height: 24px;
 vertical-align:middle;
}

                <div class="classbluebg">
                    <span class="newsinfoclassname">政要观点</span><span class="morelink">More...</span>
                </div>