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