Hello,
I have been trying to create a flexible banner strip like this,
<——————- fixed width ————->
<- – – – – – – – main container – – – – – – – ->
———— Variable text content ————
<–border–> T E X T <–border–>
method1:
define background for main container & center the text content
example:http://jsfiddle.net/G4DNq/
But I would like to do the same thing without using background,
< text content>
whereby the width of the contents are flexible so that the text content (always center-aligned) pushes out the border styles.
Ofcourse the width of text content < width of main container.
example:http://jsfiddle.net/Lz4PC/1/
But this one is not flexible and the width of the contents are fixed.
Is this possible using pure css?
