Change location of today button

I’d like to move the ‘today’ button in between the arrows, but it doesn’t seem to work:

<div class="dhx_cal_prev_button">&nbsp;</div>
<div class="dhx_cal_today_button"></div>
<div class="dhx_cal_next_button">&nbsp;</div>

Instead of changing order of html element, you can redefine related styles

<style>
.dhx_cal_today_button{
  left:112px; /* decrease this value */
}
.dhx_cal_next_button{
  left:80px;  /* increase this value */
}
</style>