Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <style> div { display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox;/* TWEENER - IE 10 */ display: -webkit-flex;/* NEW - Chrome */ display: flex;/* NEW, Spec - Opera 12.1, Firefox 20+ */ } strong { display: inline-block; width: 150px; font-size: 20px; padding: 20px; color: #eeeeee; text-align: center; } strong:nth-child(1) { background: #1c87c9; } strong:nth-child(2) { background: #666666; } strong:nth-child(3) { background: #8ebf42; } </style> </head> <body> <h2>Example of How to Remove the Space Between Inline-block Elements</h2> <div> <strong>Item 1</strong> <strong>Item 2</strong> <strong>Item 3</strong> </div> </body> </html>