Skip to content

Instantly share code, notes, and snippets.

@jbutko
Created November 30, 2013 12:51
Show Gist options
  • Save jbutko/7718672 to your computer and use it in GitHub Desktop.
Save jbutko/7718672 to your computer and use it in GitHub Desktop.
CSS, HTML: Centered h2 Heading
<div id="tagline">
<div class="container group">
<h2 id=""><span id="aeaoofnhgocdbnbeljkmbjdmhbcokfdb-mousedown">Come work with us</span></h2>
</div><!-- /end container -->
</div>
#tagline h2 {
-webkit-font-smoothing: antialiased;
color: #385675;
font: bold 40px "proxima-nova";
margin: 0;
position: relative;
text-align: center;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
z-index: 1;
}
#tagline h2 span {
background: url(../../../../../../images/marketing/secondary/bg-tagline.png);
color: #385675;
padding: 0 20px;
}
#tagline h2:before, #tagline h2:after {
content: " ";
left: 0;
position: absolute;
top: 50%;
width: 100%;
z-index: -1;
border-bottom: 1px solid #1D628D;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment