Down Arrow
by Brian Layman
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> CSS Down Arrow Example </title>
</head>
<body>
<p> Down Arrow Example: <br>
<i class="arrow myarrow"> </i> </p>
</body>
</html>CSS
.arrow {
border: solid grey;
border-width: 0 4px 4px 0;
display: inline-block;
padding: 5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}