Quote:
Originally Posted by Toxaris
Can you give some code examples and some more style examples? This is little to go on.
|
Sure. Here's an example of the entire paragraph that contains the inline graphic.
<div class="N1bullet"><span class="Number">• </span>The Chi-square <img class="Default" src="images/BA_03_Univariate_80.jpg" width="37" height="37" style="display: inline; float: none; left: 0.0; top: 0.0" alt="Equation shown here" /> distribution occurs when....</div>
Style for the bulleted paragraph:
div.N1bullet
{
line-height: 1.25em;
margin: 0.35em 0 0.45em 1.45em !important;
text-align: Left;
text-indent: -1.45em !important;
}
The text-indent causes the problem. It's the hanging indent for the list item.
For the bullet character:
span.Number
{
width: 1.45em;
display: inline-block;
margin: 0;
padding: 0;
text-indent: 0;
}
For images:
img
{
vertical-align: middle;
}
I appreciate your help.