MobileRead Forums - View Single Post

Notjohn · 08-05-2015, 05:33 AM

Rats. I got adventurous with floating an image, using this style in the CSS:

img.mug {
width:20%;
min-width:130px
height:auto;
float:left;
margin-right:0.5em;
border-style:solid;
border-width:1px
}

Works fine in the book, but on Look Inside sample what I get is the image floating left, and on a level with the top of it the FIRST LINE of the text. The second line however drops down and begins on the line immediately below the photograph.

Is there a solution to this? I suppose I could start the paragraph below instead of to the right of the photograph, so it would look (a bit) better on Look Inside, at the expense of looking not nearly so neat in the book itself.

08-05-2015, 05:33 AM	#1
Notjohn mostly an observer Posts: 1,519 Karma: 987654 Join Date: Dec 2012 Device: Kindle	Problem with Look Inside Rats. I got adventurous with floating an image, using this style in the CSS: img.mug { width:20%; min-width:130px height:auto; float:left; margin-right:0.5em; border-style:solid; border-width:1px } Works fine in the book, but on Look Inside sample what I get is the image floating left, and on a level with the top of it the FIRST LINE of the text. The second line however drops down and begins on the line immediately below the photograph. Is there a solution to this? I suppose I could start the paragraph below instead of to the right of the photograph, so it would look (a bit) better on Look Inside, at the expense of looking not nearly so neat in the book itself.