logo>round

by Alex

HTML

<div id="logo">
    <div id="round"></div>
</div>

CSS

div#logo {
    width: 220px;
    height: 220px;
    background: #4d4d4d;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div#logo>div#round {
    width: 180px;
    height: 180px;
    display: inline-block;
    border-radius: 90px;
    background: rgba(0, 0, 0, .3);
    vertical-align: bottom;
}