[docbook-css] Inline Images: Changes to styles.css

[martin.gautier@myrnham.co.uk]

<br><font size=2 face="sans-serif">It seems that the following DocBook:</font>
<br>
<br><font size=2 face="Courier New">&lt;para&gt;The word &quot;press&quot;
means to press the specified &lt;inlinemediaobject&gt;</font>
<br><font size=2 face="Courier New">&nbsp; &lt;imageobject role = &quot;html&quot;&gt;</font>
<br><font size=2 face="Courier New">&nbsp; &nbsp; &lt;imagedata format
= &quot;PNG&quot; fileref = &quot;4230-2_en_US\btn_key.png&quot;/&gt;</font>
<br><font size=2 face="Courier New">&nbsp; &lt;/imageobject&gt;</font>
<br><font size=2 face="Courier New">&lt;/inlinemediaobject&gt;.&lt;/para&gt;</font>
<br>
<br><font size=2 face="sans-serif">...produces the following text:</font>
<br>
<br><font size=2 face="Courier New">The word &quot;press&quot; means to
press the specified</font><font size=2 face="sans-serif"> </font>
<br><font size=2 face="sans-serif">[the_image]</font>
<br><font size=2 face="sans-serif">.</font>
<br>
<br><font size=2 face="sans-serif">... where &quot;[the_image]&quot; is
the actual PNG image itself. ie. the image is dumped onto a new line as
does any following text.</font>
<br>
<br><font size=2 face="sans-serif">Changes to styles.css</font>
<br>
<br><font size=2 face="Courier New">/*imageobject {</font>
<br><font size=2 face="Courier New">&nbsp; &nbsp; &nbsp; &nbsp; display:
block;</font>
<br><font size=2 face="Courier New">} */</font>
<br>
<br><font size=2 face="sans-serif">removing the display block seems to
do the trick. I've not come across a &quot;gotcha&quot; yet, I'll let you
know if I do...</font>
<br>
<br><font size=2 face="sans-serif">Mart</font>