html - CSS DIV wrapping line height -
i'm setting grid of div's want displayed inline. divs contain , image + text of variable, , ideally divs should constrained fixed width.
.playerbox { width: 100px; border: 1px solid; float: left; margin: 10px; }
i'm finding on divs text wraps, grid not display inline expected - order of next row(s) affected.
example here: http://jsfiddle.net/qc72a/
presume need set line height or similar, not sure of best way handle this.
remove float
.playerbox
, set inline-block
instead. can set vertical-align
top, middle, or bottom depending on how want them align.
Comments
Post a Comment