Harvard Extension School
CSCI E-12 Fundamentals of Web Site Development | Spring 2020

## display: inline-block

Remember how we saw we can float things?
`display: inline-block` gives us another way to achieve similar results -- but with `inline-block`, the contents are not taken out of the calculation of the parent container!

Compare the two JSFiddle examples of `li`:

- inline-block for li
- float for li

Copyright © David Heitmeyer