Header bar

[dbldee]

The text remains aligned right

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: gray;
font-size:140%;
padding: 5px 0;
text-align: right;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}

the header bar contains 2 texts string
need one string aligned left and the other aligned right
I tried edit

..split_text {
   text-align: right;
}
..split_text span{
   float:left;
}

unsuccessfully

defineheader: '<div class="headerbar">my best Ads<a href="#" onClick="javascript:interstitialBox.closeit(); return false"><img src="closeit.gif" style="border: 0" title="Close Box"/></a></div>',

how can I achieve"my best Ads "to align left and the "Close Box" to align right??

See result here

[Spiritvn]

i c ur close box is an image, so not need an additional class.

Example you have this html code:

<div class="align_test"> My Ads <a href="#"><img src="Close box"></a>
</div>

you just need this CSS:

.align_test {
text-align:left;
}
.align_test img{
float: right;
clear: none;
}