Answers.Body: <p>I cant add comment to yours so I will give you answer. </p>
  
  <p>ePub is reflowable format and that mean you shouldn't force how it flows. From my personal experience the book looks better as ePub less you force its layout. Answer given by @Hugh is only viable one unless content do not demand strict layout for context. In that case you may be interested in <a href="http://www.idpf.org/epub/301/spec/epub-publications.html#sec-package-metadata-fxl" rel="nofollow">fixed-layout ePub</a>. But be aware that most e-ink base readers can't read them good if at all. </p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2015-01-26T14:28:04.280Z
Answers.LastActivityDate: 2015-01-26T14:28:04.280Z
Answers.UserDisplayName: Glorifind
Answers.Body: <p>You can't float to top or bottom. But you can use the CSS break-before property to ensure a page-break before your pictures. Obviously, this will put pictures at the top of the page.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2015-01-26T13:17:35.410Z
Answers.Text: Thanks! But this will mean that the paragraph before it, on the previous page, may have a large blank space following it at the bottom of that page, right? Seems like there's no ideal solution.
Answers.UserDisplayName: William Whyte
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2015-01-24T20:08:15.967Z
Answers.LastActivityDate: 2015-01-24T20:08:15.967Z
Answers.UserDisplayName: Hugh
Body: <p>Is there a way to create floating images for Kindle (or for any eBook format) that float up to the top or down to the bottom of the screen/page?</p>
  
  <p>I have a written children's book for my daughter, with some illustrations. I'd like to make a Kindle version of it for her, since she has a Kindle, but I'm worried about how the illustrations affect the flow of the text.</p>
  
  <p>I understand how to include images and have them appear in-line, or directly after the paragraph in question. But the risk is that at a given font size, the image may be large enough to overflow onto the next screen, causing a big gap in the text.</p>
  
  <p>What I'd like to do is attach an image to a paragraph such that it appears at the top of the screen that that paragraph starts on, no matter what size the font is or where on the screen the paragraph itself appears, and not to have any gaps in the text. I appreciate that it's not quite that simple -- there need to be rules for what if having the image present pushes the paragraph onto page p+1 but omitting it pushes the paragraph onto page p -- but I assume those layout rules could be worked out too.</p>
  
  <p>I understand that you can create floating images, but my understanding is that they float left or right but not up or down. </p>
  
Tags: <kindle><image>
Title: Can I float an image to the top or the bottom of the screen?
UserDisplayName: William Whyte
ThreadText: # Can I float an image to the top or the bottom of the screen?
  
  (Asked by: username_0 on 2015-01-21)
  
  Is there a way to create floating images for Kindle (or for any eBook format) that float up to the top or down to the bottom of the screen/page?
  
  I have a written children's book for my daughter, with some illustrations. I'd like to make a Kindle version of it for her, since she has a Kindle, but I'm worried about how the illustrations affect the flow of the text.
  
  I understand how to include images and have them appear in-line, or directly after the paragraph in question. But the risk is that at a given font size, the image may be large enough to overflow onto the next screen, causing a big gap in the text.
  
  What I'd like to do is attach an image to a paragraph such that it appears at the top of the screen that that paragraph starts on, no matter what size the font is or where on the screen the paragraph itself appears, and not to have any gaps in the text. I appreciate that it's not quite that simple -- there need to be rules for what if having the image present pushes the paragraph onto page p+1 but omitting it pushes the paragraph onto page p -- but I assume those layout rules could be worked out too.
  
  I understand that you can create floating images, but my understanding is that they float left or right but not up or down.
  
  **Tags:** kindle, image
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_2 on 2015-01-24. Score: 8 | Accepted answer
  
  You can't float to top or bottom. But you can use the CSS break-before property to ensure a page-break before your pictures. Obviously, this will put pictures at the top of the page.
  
  > **Comments:**
  > **username_0**: Thanks! But this will mean that the paragraph before it, on the previous page, may have a large blank space following it at the bottom of that page, right? Seems like there's no ideal solution.  
  
  ---
  
  ### Answer by username_1 on 2015-01-26. Score: 1
  
  I cant add comment to yours so I will give you answer.
  
  ePub is reflowable format and that mean you shouldn't force how it flows. From my personal experience the book looks better as ePub less you force its layout. Answer given by @username_2 is only viable one unless content do not demand strict layout for context. In that case you may be interested in [fixed-layout ePub](http://www.idpf.org/epub/301/spec/epub-publications.html#sec-package-metadata-fxl). But be aware that most e-ink base readers can't read them good if at all.
  
  
  ---
  
  