Want to keep multiple titles/images on page together.

Any pro/con thoughts about using <figure><figcaption>...,</figcaption></figure>; <ul><li>...</li></ul> float left, display inline; <dl><dt></dt> <dd>...</dd> </dl> float left, display inline; or any other?

Have not tried flexbox or grid.