Skip to content

Instantly share code, notes, and snippets.

@ezy
Created August 25, 2013 21:26
Show Gist options
  • Save ezy/6336431 to your computer and use it in GitHub Desktop.
Save ezy/6336431 to your computer and use it in GitHub Desktop.
Creating a box triangle border with content: "▲"; and the :after property
.answers {
width: 95%;
li {
width: 100%;
height: auto;
position: relative;
p {
text-indent: 0;
padding: 7px 0 7px 50px;
background: none;
line-height: 16px;
font-size: 12px;
}
span {
height: 100%;
position: absolute;
border-right: 1px solid #d3d3d4;
&:after {
content: "▲";
display: inline-block;
color: #00b7e2;
font-size: 83px;
-webkit-transform: scale(1,5) rotate(90deg);
position: absolute;
top: 3px;
left: 156px;
zoom: 19%;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment