text





<style>
#corner {
position: relative;
display: table;
border-radius: 50%;
width: 200px;
height: 200px;
background: red;
background-clip: padding-box;
-webkit-background-clip: padding-box
}
#corner:hover {
background: green
}
#inner {
position:relative;
display: table-cell;
vertical-align: middle;
text-align: center
}
</style>

<div id="corner"><div id="inner">text</div></div>