ネガティブマージンを使って要素の重ねます。
■html
■css
.wrap .maru{
width: 150px;
height: 150px;
margin: 0 auto;
background-color: #000000;
border-radius: 40%;
}
.wrap .sankaku{
width: 0;
height: 0;
margin: 0 auto;
border: 10px solid transparent;
border-top: 20px solid #000000;
}