<html>
<head>
<style>
div{ display: inline-block; border:2px solid blue; width:300px; }
block { border:2px solid green; margin: 0; white-space: normal; display: inline-block; width: 100% }
</style>
</head>
<body>
<p>The two divs below should be on the same line, since they are display: inline-block.</p>

<center>
<div>This is div one.</div><div>This is div two.</div>
</center>

<p>The two divs below should be on separate lines, since they are wrapped in elements
with width: 100%.</p>

<block><div>This is div one.</div></block>
<block><div>This is div two.</div></block>

</body>
</html>