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.

http://jsfiddle.net/qc72a/9/

enter image description here


Comments

Popular posts from this blog

java - Run a .jar on Heroku -

java - Jtable duplicate Rows -

validation - How to pass paramaters like unix into windows batch file -