WordPress功能忽略CSS

Question

我无法正常显示此功能：

function time_box() {
    echo '<div class="desktop-time" title="'.the_time( 'j F Y' ).'"><div class="month">'.the_time( 'M' ).'</div><div class="day">'.the_time( 'd' ).'</div></div>';
}

问题在于，虽然确实显示了时间和日期，但它似乎忽略了css等。 I.E.它显示时间是.desktop-time类最初的时间。作为参考，桌面时间是一个div，它绝对定位并向左移动约200个像素。上面的函数将时间放在原始位置。此外，它位于WordPress functions.php

中

我已使用

调用home.php文件中的函数

<?php the_time(); ?>

CSS：

.desktop-time {
    border: 5px solid #d0d0d0;
    color: #f7f7f7;
    height: 100px;
    line-height: 50px;
    margin: 25px 0 0 -100px;
    position: absolute;
    text-align: center;
    width: 50px;
}

.desktop-time .month {
    background: url("vertical-background.png");
    font-size: 20px;
    height: 50%;
    width: 100%;
}

.desktop-time .day {
    background: #a52a2a;
    font-size: 35px;
    height: 50%;
    width: 100%;
}

http://imageshack.com/a/img903/7499/M5NsGw.png