* {
box-sizing: border-box;
}
li{
float:left;
}
.flag {
width: 200px;
height: 50px;
margin: 0 auto;
padding-top: 15px;
position: relative;
background: hotpink;
color: white;
font-size: 11px;
letter-spacing: 0.2em;
text-align: center;
text-transform: uppercase;
list-style:none;
}
.flag:before {
content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0;
border-left: 25px solid white;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
}
.flag:after {
content: ' ';
position: absolute;
right: 0;
bottom: 0;
width: 0;
