Understanding the wrapping behavior of inline-block elements with overflow:hidden
问题 I want two inline-block elements to remain on the same row, regardless of their width or margin . The quick solution is to apply white-space: nowrap to the container. Flex and floats are alternatives that also work. I'm just stuck on figuring out a particular wrapping behavior with white-space: normal . Here's the situation: There are two inline-block elements in a block-level container. The width of the container is fixed at 500px. The width of each child is fixed at 200px. The container is