I want to my text which is SUN, MON to be display `vertical-align:middle;` but still no luck. Currently the text is at the top left side. What is the problem with my coding? How can I correct this?

```
<td colspan="2">
    <span id="selectable">
        <span style="width:35px;height:35px;display:inline-block;" class="ui-widget-content">SUN</span>
        <span style="width:35px;height:35px;display:inline-block;" class="ui-widget-content">MON</span>
    </span>
</td>

```

Thanks for helping.