Forum Feature requests

Float options bottom-left/bottom-right for child elements

twantzen
I’d love to have additional floating options for all child elements:
float: bottom-left/bottom-right;

'bottom' means: the childs bottom line is in line with it’s parent’s bottom line and the child element grows from bottom to top.

Use case:
On a chapter start page, there is a box with text at the bottom of the page (position: absolute; bottom: 0;). Inside this text box, a icon should be placed at the bottom-right and text should wrap around the icon.
  1. float_bottom-right.png302.7 kB
howcome
You can float elements to the bottom of the page or column:

www.princexml.com/howcome/2021/guides/float/

However, it's not possible to have other content beside the floats, like you show in your use case.

I agree that this would be nice to have. Perhaps one could write:

img { 
  float: bottom outside;
  float-defer-column: outside;
}


Here's a draft specification for this:

https://figures.idea.whatwg.org/#two-dimensional-floats

Is your image recurring, or only shown once?

Edited by howcome