Created
May 22, 2018 22:40
-
-
Save caitfriedlander/00a22156c2739278de5a741ef9266eaa to your computer and use it in GitHub Desktop.
Box Model // source http://jsbin.com/zizuqor
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 { | |
| justify: 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 { | |
| justify: 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 { | |
| justify: right; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment