Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Trigram for heaven icon
<!DOCTYPE html>
<html>
<head>
<title>Trigram for heaven icon</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
li {
list-style-type: none;
}
#menu{
position: relative;
}
#menu a{
padding-left: 1.25em; /* 20px/16px */
}
#menu a:before {
content: "";
position: absolute;
top: 30%;
left:0px;
width:.75em; /* 12px/16px */
height:.125em; /* 2px/16px */
border-top: .375em double #000; /* 6px/16px */
border-bottom: .125em solid #000; /* 2px / 16px */
}​​​​​​​​​​​​​​​​​​​​​​​​​​​
</style>
</head>
<body>
<li id="menu"><a href="#">Menu</a></li>
</body>
</html>
@tkadlec
Copy link
Author

tkadlec commented Jul 11, 2012

@paulgeisler
Copy link

paulgeisler commented Jul 29, 2013

Thanks. It's great.

@labs-pia
Copy link

labs-pia commented Sep 16, 2021

Many times simple ideas are the best ones!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment