Try 1 float right clearing right (only for first-child) 2 no float, but clear right. 3 float right but clear both (only for last-child)
all display:inline-block Best, Karl DeSaulniers Design Drumm http://designdrumm.com > On Mar 6, 2019, at 1:22 PM, Eric A. Meyer <e...@meyerweb.com> wrote: > > On 5 Mar 2019, at 9:51, Tom Livingston wrote: > >> Ran into one issue with this. If, on desktop, the amount of content in >> "two" is more than "one", "three" gets pushed down and stays below "two". I >> played with align-items and align-content but was unsuccessful in stopping >> it from happening. > > In flexbox, each flex line is as tall as its tallest flex item-- much the > same way line boxes are as tall as the tallest bit of text or other inline > content within that line box. The next flex line is laid out immediately > after the previous flex line. > > If you want three to be able to float upwards to snuggle up with one when two > is taller than one, then don't use flex, use floats. > > > -- > Eric A. Meyer - http://meyerweb.com/ > ______________________________________________________________________ > css-discuss [css-d@css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [css-d@css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
