View Single Post
Old 01-19-2015, 09:13 AM   #3
loring
Junior Member
loring began at the beginning.
 
Posts: 4
Karma: 10
Join Date: Jan 2015
Device: iBooks
Quote:
Originally Posted by Toxaris View Post
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.
loring is offline   Reply With Quote