<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.triangle{
247px;
height: 55px;
position: relative;
text-align: center;
line-height: 55px;
background-color: #FFD200;
margin: 0 auto;
}
.triangle::after{
display: block;
0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 8px solid #FFD200;
position: relative;
left: 50%;
margin-left: -7px;
visibility: visible;
content: "";
top: 55px;
}
</style>
</head>
<body>
<div class="triangle"></div>
</body>
</html>