• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Vendor-specific Properties
  5. Mozilla Extensions
  6. The display Property Value: -moz-inline-box
  7. CSS Live Demo: The display Property Value: -moz-inline-box (this page)
• See also: All Live Demos

CSS Live Demo: The display Property Value: -moz-inline-box

Type your CSS here: (any properties allowed except expression, behavior and @import) body { text-align:center; border:1px solid #000; } .box { display:-moz-inline-box; display:inline-block; } .box { padding:1em; background:#ccc; border:1px dotted #000; } #box1 { width:80px; height:60px; } #box2 { width:50px; height:100px; margin:0 3px; } #box3 { width:40px; height:40px; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <div id="box1" class="box">Box 1</div> <div id="box2" class="box">Box 2</div> <div id="box3" class="box">Box 3</div>

Show me!

Your results appear here: