Skip to content

Instantly share code, notes, and snippets.

Created August 3, 2012 12:16
Show Gist options
  • Save anonymous/3247068 to your computer and use it in GitHub Desktop.
Save anonymous/3247068 to your computer and use it in GitHub Desktop.
drop-shadow filter vs box-shadow
/**
* drop-shadow filter vs box-shadow
*/
html {
background: url('http://subtlepatterns.com/patterns/purty_wood.png')
}
.pdf-carier{
margin: 10%;
display:block;
height:70px;/* 5 x 70 = 350 */
width:350px;
background-color:black;
color:white;
}
.pdf-carier > span{
display:table;
height:100%;
float:left;
}
.arrow-cnt{
width:20%;
background-color:orange;
}
.text-cnt{
width:80%;
}
.link-arrow{
width:100%;
//height:0px;
display: table-cell;
text-align:center;
vertical-align: middle;
}
.link-text{
display: table-cell;
padding-left:10px;
vertical-align:middle;
}
<a href="#pdflink">
<div class="pdf-carier">
<span class="arrow-cnt">
<span class="link-arrow">&darr;</span>
</span>
<span class="text-cnt">
<span class="link-text">My link<span>
</span>
</div>
</a>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment