HTML Widgets

by Dashrath Singh

HTML

<div class="box">	
<span><a href="#">Some Text</a></span>
</div>

CSS

.box {
    display: block;
    background: #60D3E8;
    position:relative;
    width:300px;
    height:200px;
    text-align:center;
    
}
.box span {
    font: bold 20px/20px 'source code pro', sans-serif;
    position:absolute;
    left:0;
    right:0;
    top : calc(50% - 10px);
}
a {
    color: white;
    text-decoration: none;
}