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.
<div class="graph">
<div class="bar" style="width: 22%;">
<span>22%<span>
</div>
</div>
With css:
.graph {
position: relative;
width: 7em;
padding: 2px;
border: 1px solid #777;
}
.graph .bar {
position: relative;
height: 1em;
background: #CC9933;
color: black;
font-weight: bold;
}
.graph .bar span {
position: absolute;
left: 2em;
}
--
Bill Moseley
[EMAIL PROTECTED]
______________________________________________________________________
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/
