I second what RbnJrg said. Pictures would really help solidify exactly what you are trying to fix. Code samples are also great additions when wanting help! (Feel free to substitute in bogus text if there are copyright issues).
Also, keep in mind "degrading gracefully" if floating boxes do not work on the device (think old Kindle), and also keep in mind devices which users read on can be quite small (think cellphone).
Here is a CSS floatbox that I used in one EPUB:
Code:
span.floatright, span.floatleft {
font-size: 75%;
font-weight: bold;
padding-bottom: 15px;
padding-top: 15px;
padding-left: 15px;
padding-right: 0px;
width: 25%;
float: right;
text-indent: 0;
}
Here is sample code:
Code:
<p><span class="floatleft">Under perfectly stationary conditions the stock of non-permanent resources would be identical with the stock of produced means of production.</span> As has already been remarked, most non-permanent resources owe their existence to the fact that they make investment possible without a temporary reduction in the income stream. All or nearly all the man-made equipment is non-permanent, and the greater part, although by no means all, of the non-permanent resources existing at any moment consists of man-made equipment. This brings us back to the relation of my definition of capital as the “stock of non-permanent resources” to the traditional one of the “produced means of production”.</p>
Here is an image of the original page:
Here are images of it in action:
I have attached the actual WIP EPUB if anyone wants to take a look at it.
Edit: Also, this might look nice combined with the textbox code I used here:
https://www.mobileread.com/forums/sho...25&postcount=9