.post-date {
    font-weight: bold;
    margin: 10px 0 5px;
    float: left;
    width: 52px;
    text-align: center;
    margin: 0 12px 5px 0;
    border: solid 1px #bebebe;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ecebeb');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ecebeb));
    background: -moz-linear-gradient(top,  #ffffff,  #ecebeb);
    background: linear-gradient(-90deg, #ffffff, #ecebeb);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15);
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
}
.post-date .month {
    color: #fff;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    padding: 2px 0;
    width: 100%;
    position: relative;
    left: -1px;
    top: -1px;
    border: solid 1px #a11216;
    background: #cb151b;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb1c24', endColorstr='#a30c10');
    background: -webkit-gradient(linear, left top, left bottom, from(#eb1c24), to(#a30c10));
    background: -moz-linear-gradient(top,  #eb1c24,  #a30c10);
    background: linear-gradient(-90deg, #eb1c24, #a30c10);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(0,0,0,.2);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.post-date .day {
    color: #666;
    padding: 2px 0 1px;
    font: bold 18px/100% Arial, Helvetica, sans-serif;
    display: block;
}
.post-date .year {
    color: #999;
    padding: 0 0 4px;
    font: 10px/100% Arial, Helvetica, sans-serif;
    display: block;
}

<div class="post-date">
    <div class="month">
        NOV
    </div>

    <div class="day">
        23
    </div>

    <div class="year">
        2011
    </div>
</div>