I wanted to flow text around some smaller images, so I added "style="float: right". This additional works out fairly well for print output, however, the web output looks ridiculous because in full screen, the image is WAYYY to right and far from the accompanying text. So far, the only solution I can think of is to float: left instead.
Code: Select all
<div class="figure" style="float: right; width: 120px;height: auto;">
<p>
<img src="Resources/Images/02_Workloads_hotspots_dash_indicator_02.png" />
</p>
<p class="figurecount" MadCap:autonum="<b>Figure 2 - </b>">Dashboard hotspot indication.</p>
</div>