| <!DOCTYPE html> |
| <!-- |
| | Empty inline-block should be treated as if it was non-empty text. |
| --> |
| <html> |
| <head> |
| <style> |
| body { |
| margin: 0px; |
| font-family: Roboto; |
| font-size: 100px; |
| font-weight: bold; |
| } |
| .inline-block { |
| display: inline-block; |
| } |
| .not-collapsed { |
| background-color: #4caf50; |
| } |
| </style> |
| </head> |
| <body> |
| <div><div class="inline-block"></div><span class="not-collapsed"> </span>Hello, world!</div> |
| <div>Hello,<div class="inline-block"></div><span class="not-collapsed"> </span>world!</div> |
| <div>Hello, world!<span class="not-collapsed"> </span><div class="inline-block"></div></div> |
| </body> |
| </html> |
