example center blocks with display: inline block

dabblet.css

/* example center blocks with display: inline block*/

#gallery-container {
width:900px;
border:1px solid red;
height:105px;
margin:0 auto
}
.thumb {
width:220px;
    height:100px;
    background-color:gray;
    border:1px solid green;
/*    float:left;
*/    
display: inline-block;
   
}
.container1{
width:960px;
min-height:200px;
border:1px solid blue
/*margin:0 auto;
}

dabblet.html

​<div class="container1">
<div id="gallery-container">
    <div class="thumb"></div>
    <div class="thumb"></div>
    <div class="thumb"></div>
    <div class="thumb"></div>
</div>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

settings.json

{"view":"separate","seethrough":"","prefixfree":"","page":"all"}