#uppercase-b {
  width:400px;
  height:500px;
  border: 1px solid black;
}

.bt1 {
  width: 1;
  height: 1;
  border-top: 150px solid transparent;
  border-left: 300px solid black;
  border-bottom: 150px solid transparent;
  z-index: 2;
  position: absolute;
  left:60px;
  top:170px;
}
.btw1 {
  width: 0;
  height: 0;
  border-top: 90px solid transparent;
  border-left: 180px solid white;
  border-bottom: 90px solid transparent;
  z-index: 2;
  position: absolute;
  left:70px;
  top:190px;
}
.bt2 {
  width: 1;
  height: 1;
  border-top: 100px solid transparent;
  border-left: 200px solid black;
  border-bottom: 100px solid transparent;
  padding-left: 100px;
  z-index: 2;
  position: absolute;
  left:60px;
  top:47px;
}
.btw2 {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-left: 120px solid white;
  border-bottom: 60px solid transparent;
  padding-left: 100px;
  z-index: 2;
  position: absolute;
  left:70px;
  top:67px;
}

pre code {
  background-color: #eee;
  border: 1px solid #999;
  display: block;
  padding: 20px;
  width:400px;
}