I added `vertical-align: middle` for all td with day number:

```
#calendar td {
    vertical-align: middle !important;
}

```

but this don't work for responsive web page for first column:![enter image description here](https://i.stack.imgur.com/HIPC5.png)
How I can fix it? 

I try added margin-top in % and em, its work for tablet, bot don't work on PC browser.

UPDATE: added code on jsfiddle: <http://jsfiddle.net/8ctRu/>

**HTML**

```
<div id='calendar'></div>

```

**CSS**

```
#calendar td {
    vertical-align: middle !important;
    border: 1px solid #000;
}
.fc {
    text-align: center !important;
}

.fc td {
    padding: 0;
    vertical-align: middle !important;
}

```

**jQuery**

```
$('#calendar').fullCalendar({
    header: {
        left: 'prev',
        center: 'title',
        right: 'next'
    },
    dayClick: function(date, allDay, jsEvent, view) {
        var now = new Date();

        if (date.setHours(0,0,0,0) > now.setHours(0,0,0,0)){
            $(this).toggleClass("blackAndWhite");
        } else {
            $(tempVar).css({
                'background-color':'white',
                'color' : '#000'
            });
        }

    }
});

```