Having trouble finding the right words to describe this? Take a look at it on codepen.
http://codepen.io/rick-li/pen/JKEbw
<div class="container">
<h1></h1>
<div class="box">
<div class="sharePanel">
<div>content</div>
</div>
<div class="sharePanel">
</div>
</div>
</div>
body
{
font: 15px / 1.8em "Microsoft YaHei";
line - height: 40px;
}
.container {
width: 960px;
margin: 20px auto;
border: solid 1px;
}
.container h1 {
text - align: center; /*center the inline-block*/
}
.container.box {
text - align: center;
}
.container.sharePanel {
display: inline - block;
height: 100px;
width: 100px;
border: solid 1px;
border - radius: 5px;
margin - right: 10px;
}