Created
May 8, 2018 21:03
-
-
Save natepappenhagen/bfa93a4780f86c48ceae0f8f5fb2502b to your computer and use it in GitHub Desktop.
Box Model // source http://jsbin.com/wulohib
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Box Model</title> | |
<link rel="stylesheet" href="style.css"> | |
<style id="jsbin-css"> | |
body { | |
background-color: #333333; | |
} | |
div { | |
background-color: #c0dec5; | |
margin: 64px; | |
padding: 32px 48px 0px 48px; | |
} | |
span { | |
font-variant: small-caps; | |
font-family: "Tahoma", sans-serif; | |
letter-spacing: .25em | |
padding: 0 3px; | |
background-color: rgba(100,150,150,.5); | |
} | |
p { | |
font-family: Georgia, serif; | |
font-size: 20px; | |
line-height: 1.4em; | |
} | |
.source { | |
text-align: right; | |
} | |
</style> | |
</head> | |
<body> | |
<div> | |
<p>Build a good <span>name</span>. Keep your <span>name</span> clean. Be concerned about doing good work. Protect your work, and if you build a good <span>name</span>, eventually that <span>name</span> will be its own currency.</p> | |
<p class="source">— William S. Burroughs’s advice to Patti Smith</p> | |
</div> | |
<script id="jsbin-source-css" type="text/css">body { | |
background-color: #333333; | |
} | |
div { | |
background-color: #c0dec5; | |
margin: 64px; | |
padding: 32px 48px 0px 48px; | |
} | |
span { | |
font-variant: small-caps; | |
font-family: "Tahoma", sans-serif; | |
letter-spacing: .25em | |
padding: 0 3px; | |
background-color: rgba(100,150,150,.5); | |
} | |
p { | |
font-family: Georgia, serif; | |
font-size: 20px; | |
line-height: 1.4em; | |
} | |
.source { | |
text-align: right; | |
} | |
</script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
background-color: #333333; | |
} | |
div { | |
background-color: #c0dec5; | |
margin: 64px; | |
padding: 32px 48px 0px 48px; | |
} | |
span { | |
font-variant: small-caps; | |
font-family: "Tahoma", sans-serif; | |
letter-spacing: .25em | |
padding: 0 3px; | |
background-color: rgba(100,150,150,.5); | |
} | |
p { | |
font-family: Georgia, serif; | |
font-size: 20px; | |
line-height: 1.4em; | |
} | |
.source { | |
text-align: right; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment