Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<!DOCTYPE html><meta charset=utf-8>
<style>
body { padding: 0; margin: 0; }
#outer {
width: 1632px; height: 1224px;
color: white; background: black;
font: bold 192px/1.3 Helvetica Neue, sans-serif;
position: relative;
}
#inner {
position: absolute; top: 50%; left: 0; right: 0;
-webkit-transform: translateY(-50%);
text-align: center;
padding: 32px;
}
.title { color: #faf543; }
.subtitle { }
.text {
font-weight: normal;
font-size: 70%;
line-height: 1.15;
margin-top: 1ex;
}
</style>
</head><body>
<div id="outer">
<div id="inner">
<div class="title">July 8</div>
<div class="subtitle">Subtitle</div>
<div class="text">First line<br>Second line<br>Third line</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.