<div class="triangle"> </div> <div class="triangle copy"> </div>
.triangle{ margin: 0 auto; display: block; height: 0px; width: 0px; } .triangle{ border-top: 50px solid transparent; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid green; } .copy{ margin-top: 100px; transform: rotate(180deg); }