JSFiddle - React, Tailwind, and code Playground

HTML

<div id='calswitch'>
    <div id='calsd'>
        <a title='Previous Year' href='#'></a>
    </div>
    <div id='calstd'>
        <a title='Previous Week'href='#'></a>
    </div>
    <div id='calla'>2014<br />Wk 27</div>
</div>

CSS

#calswitch {
	display:table;
	margin:1em;
}
#calstd,
#calla,
#calsd{
	display:table-cell;
	border: 1px solid #76c830;
	text-align:center;
	vertical-align:middle;
	background-color:#CCF0B5;
    height:0px;
}
#calla{
	padding:0 5px;
	border-left:none;
}
#calsd,
#calstd{border-right: 1px dotted #76c830;}
#calsd{border-radius:3px 0 0 3px;}
#calstd{border-left:none;}

#calswitch a{
	display:block;
	text-decoration:none;
	color:#4e4b49;	
	height:100%;
	width:100%;
	min-width:25px;
	min-height:20px;
	padding-bottom:1px;
}

#calsd a{background-color: blue;}
#calsd a:hover{background-color: green;}
#calstd a{background-color: orange;}
#calstd a:hover{background-color: red;}