| <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> |