index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Mono日签</title>
    <link rel="stylesheet" href="css/mono.css"/>
</head>
<body>
<div class="outerBox">
    <div class="headBox">
        <div class="title">
            <div class="name">单<span class="py">dān</span></div>
            <div class="name">身<span class="py">shēn</span></div>
            <!--<div class="pinyin">-->
                <!--<span>dān</span>-->
                <!--<span>shēn</span>-->
            <!--</div>-->
            <!--<div class="hanzi">-->
                <!--<span>单</span>-->
                <!--<span>身</span>-->
            <!--</div>-->
        </div>

        <div class="author">萧伯纳 说</div>
    </div>
    <div class="contentBox">
        <p>想结婚的就去结婚，想单身就维持单身，反正到最后你们都会后悔。</p>
    </div>
    <div class="footBox">
        <div class="date">
            <span>
                二零一五年十一月十一日
            </span>
        </div>
        <div class="sign">
            <span>mono</span>
            <span>日签</span>
        </div>
    </div>
</div>
</body>
</html>