linieskrift i et <span>

<span>2<br>feb</span>

<style type="text/css">
header {
    height: 45px;
    padding-top: 10px;
    background: #ccc;
}
header div {
    height: 30px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#year {
    width: 50px;
    background: yellow;
}
#date {
    width: 60px;
    background: orange;
}
#headertext {
    width: 400px;
    background: green;
}
#headerbutton {
    width: 70px;
    background: blue;
}
</style>

<header>
    <div id="year">2013</div>
    <div id="date">2<br>feb</div>
    <div id="headertext">headertext</div>
    <div id="headerbutton">Knap</div>
</header>

header {
    display: table;
    width: 100%;
    height: 35px;
    padding: 10px 0;
    background: #ccc;
}