html - Images won't display horizontally -


i tried using both inline , inline-block, doesn't work.

here code:

http://jsbin.com/bixako/edit

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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -