Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;

</style>


<h1>Marie Curie<h1>

  
<a title="See page for author [Public domain or CC BY 4.0 (http://creativecommons.org/licenses/by/4.0)], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3AMarie_Curie_c1920.jpg"><img width="128" alt="Marie Curie c1920" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Marie_Curie_c1920.jpg/128px-Marie_Curie_c1920.jpg"/></a>

  <h2><li>November 7, 1867	Marie Curie is born in Poland

<li>1891	Marie went to Paris to study at Sorbonne.

<li>1895	Marie married Pierre Curie, which was when her name became Marie Curie.

<li>1897  Marie's first daughter, Irene, is born.

<li>1902	Marie was hired to do some experiments. While working on them she discovered pure radium.

<li>1903  Marie and her husband, Pierre, were awarded a Nobel Prize for their work with radioactivity.

<li>1904	Marie was promoted to the chief assistant to her husband in his laboratory.

<li>1904  Pierre began teaching at Sorbonne.

<li>1906	Marie's husband, Pierre, was killed in an accident. She took his place teaching at Sorbonne and was the first woman professor there.

<li>1911  Marie won her second Nobel Prize, this time on her own, for her continued work in radioactivity.

<li>1914	During WWI, Marie used her radioactive research materials to do "x-rays". The x-rays found bullets and other shrapnel in wounded soldiers.

<li>1922	Marie became a member of the French Academy of Medicine. She devoted herself to using her knowledge to help people.

<li>1929	Marie was honored everywhere she went, and was given a gram of radium as a gift.

<li>1932	Marie and her sister started a research facility to help fight cancer. It is still opened today and is called the Marie Sklodowska Curie Oncology Center.

<li>1934  Marie got sick and died shortly after, but she will never be forgotten. Her work helped advance the medical world and save thousands of lives.<h2>
 
  For more info visit:
  <a href=" https://en.wikipedia.org/wiki/Marie_Sk%C5%82odowska-Curie">Marie Curie</a>

              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console