Bill Moseley wrote:

> I have a css generated simple bar graph below.
> 
> How can I make it display inline, for example, placed in the middle of
> a paragraph of text and have it flow with the text?
> 
> I tried adding a display: inline wrapper, but no luck.

> -- 
> Bill Moseley

I have reworked your code and have somewhat similar rendering across 
browser-land. You may want to play around with it. Gecko 1.8 proved to be a 
problem since it does not support display:inline-block. The reworking has to 
examples, the first which Gecko 1.8 supports. The later example works in Gecko 
1.9 (Firefox 3). The first example uses a margin-right:5.45em on the span.bar 
to simulate the remaining percentage of 78%.

<http://css-class.com/test/demos/inline-graph.htm>

Please find the CSS embedded in the head of the source. Working in Gecko 
1.8~1.9, Opera 9, Safari 3, IE 5.5~7.


Alan

http://css-class.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to