Created
November 15, 2017 19:41
-
-
Save keaglin/9c088b7672edadaeda90b3a2bc8e0835 to your computer and use it in GitHub Desktop.
Box Model // source http://jsbin.com/liniqofale
This file contains hidden or 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: #333; | |
| } | |
| div { | |
| background-color: #c0dec5; | |
| margin: 64px; | |
| padding: 32px 48px 0; | |
| } | |
| span { | |
| font-variant: small-caps; | |
| font-family: Tahoma, sans-serif; | |
| letter-spacing: 0.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: #333; | |
| } | |
| div { | |
| background-color: #c0dec5; | |
| margin: 64px; | |
| padding: 32px 48px 0; | |
| } | |
| span { | |
| font-variant: small-caps; | |
| font-family: Tahoma, sans-serif; | |
| letter-spacing: 0.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 hidden or 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: #333; | |
| } | |
| div { | |
| background-color: #c0dec5; | |
| margin: 64px; | |
| padding: 32px 48px 0; | |
| } | |
| span { | |
| font-variant: small-caps; | |
| font-family: Tahoma, sans-serif; | |
| letter-spacing: 0.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