Created
December 1, 2015 18:32
-
-
Save revox/e1894844a4e90419fa41 to your computer and use it in GitHub Desktop.
Simple centred column of text of fixed maximum width, a non-responsive plot.ly chart is sized to column width with any padding applied in plot.ly
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>Centred column example</title> | |
| <style> | |
| .container { | |
| max-width:600px; | |
| margin: 0 auto; | |
| font-family: Helvetica; | |
| line-height: 1.4em; | |
| } | |
| H1 { | |
| text-align:center; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Ipsum Bowie</h1> | |
| <p>Sordid details following. Beware the savage jaw of 1984. Strange, mad celebration. I'm floating in a most peculiar way. I'm afraid I can't help it. </p> | |
| <p>I can stare for a thousand years. He was awful nice - really quite out of sight. Tell my wife I love her very much. I've never done bad things. He treats you well and makes you up real fine. So softly a supergod cries. </p> | |
| <iframe width="600" height="400" frameborder="0" scrolling="no" src="https://plot.ly/~goldsmif/136.embed"></iframe> | |
| <p>I've got more friends than I've had hot dinners. If you think we're gonna make it, you better hang on to yourself. Is it any wonder I reject you first? I'm floating in a most peculiar way. I'm afraid of the world. </p> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment