Inline block examples by Thomas Krichel

• 3 <div>s
• 3 <div>s, second displayed as inline-block
• 3 <div>s, all three displayed as inline-block
• 3 <div>s, all three displayed as inline-block, all 30% width
• 3 <div>s, all three displayed as in-block, all 30% width and centered
• 3 <div>s, all displayed as block
• 3 <div>s, all three displayed as in-block, all 30% width and centered, in a main <div> that imposes centered text
• 3 <div>s, all three displayed as in-block, all 30% width and centered, with text left aligned, in a main <div> has centered text
• 3 <div>s, all three displayed as in-block, all 30% width and centered, margins summing to 100%
• 3 <div>s, all three displayed as in-block, all 30% width and centered, margins summing to 100%, fixed
• 3 <div>s, all displayed as inline-block, second with its width set to 20%
• 3 <div>s, outer ones displayed as inline second as inline-block with its width set to 20%