html - Images won't display horizontally -
in opinion, other answers sort of hacky , not address real cause of problem. reason why happening related using html <figure></figure>
tag you've been putting <img />
tags inside of.
the
<figure>
tag specifies self-contained content, illustrations, diagrams, photos, code listings, etc. while content of element related main flow, position independent of main flow, , if removed should not affect flow of document. source: http://www.w3schools.com/tags/tag_figure.asp
the <figure>
tag going automatically displace element's position independent of main content flow, , why seems move flow using css float
or position: absolute
because float
, absolute position displace element's position it's main position flow.
eliminate <figure>
tags , once again able use white-space: nowrap;
, display: inline-block;
, regular content flow alignment tricks.
Comments
Post a Comment