article {
   width: 960px;
   text-align: center;
   background: ivory;
   padding-bottom: 20px;
}


div {
   margin: 44px 44px 10px 44px;
   float: left;
   cursor: pointer;
}

div:first-of-type {
   width: 220px;
   height: 220px;
   background: black;
   background: red;
}

div:nth-of-type(2) {
   width: 0; 
   height: 0; 
   border-left: 127px solid transparent;
   border-right: 127px solid transparent;
   border-bottom: 220px solid yellow;
}

div:last-of-type {
   width: 220px;
   height: 220px;
   border-radius: 110px;
   background: blue;
}

p {
   margin: 0 0 20px 0;
   text-align: center;
   font-size: 1.2em;
   letter-spacing: 0.1em;
}