<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Bug 1151993 - sizing of orthogonal block</title> <style> .outer { width: 400px; height: 300px; border: 1px solid silver; overflow: visible; display: inline-block; margin: 10px; vertical-align: top; } .test1 { background: yellow; width: 100px; height: 40px; } .test2 { background: yellow; width: 100px; height: 300px; } </style> </head> <body> <div class="outer"> <p>Lorem ipsum dolor sit amet, illum harum sed cu, ex mea delectus recteque. Sit aperiri incorrupte cu. Et eam ullum minim disputando, no usu stet postea.</p> <div class="test1"></div> <p>Cu ornatus accusam nam, minim impedit omittantur vel ne. Qui detraxit temporibus contentiones te.</p> </div> <div class="outer"> <p>Lorem ipsum dolor sit amet, illum harum sed cu, ex mea delectus recteque. Sit aperiri incorrupte cu. Et eam ullum minim disputando, no usu stet postea.</p> <div class="test2"></div> <p>Cu ornatus accusam nam, minim impedit omittantur vel ne. Qui detraxit temporibus contentiones te.</p> </div> </body> </html>