calendar-icon.html

<style>
.bc_date_block {
    display: inline-block;
    overflow: hidden;
    background-color: #ededed;
    text-align: center;
    border-radius: 3px;
    /* Uncomment this if you need center it with text which is on same line */
    /* vertical-align: middle;*/
}

.bc_date_block_top {
    display: block;
    background-color: #b9b830;
    color: white;
}
.bc_date_block_bottom {
    /* CHange this if you want change width of box */
    padding: 6px 10px;
    display: block;
    text-transform: uppercase;
    color: black;
}
</style>

<span class="bc_date_block">
  <span class="bc_date_block_top">2015</span>
  <span class="bc_date_block_bottom">Sept</span>
</span>