CSS: inline-block

by Alberto Naperi Jr.

HTML

<div class="apoios">
    <h7>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Apoios</h7>
    <br>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
    <div class="thunnb">
        <img alt="" src="http://placehold.it/150x150" />
    </div>
</div>

CSS

.thunnb {
    display: inline-block;
    padding: 10px;
    width: 150px;
    height: 150px;
}

.apoios img {
    border:1px solid #;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

h7 {
    font-size:22px !important;
    font-family:'Raleway', sans-serif !important;
    font-weight: normal !important;
    margin-bottom:6px !important;
    color: #FFFFFF !important;
    margin-top: 20px;
}

.apoios {
    text-align: center;
}