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. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

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 rel="stylesheet"href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

<style>
  .container-fluid {background:rgb(220,220,230)}
  h3 {color:green}
  img{width:200px}
  .font{font-size:20px}
  .link{font-size:18px;color:rgb(148,0,211)}
  .center-image {
display:block;
margin:auto;
    
}
</style>
<div class="container-fluid">
<h1 class="text-primary text-center"> Albert Einstein</h1>
  <i><h3 class="text-center"> (E=mc²) </h2></i>
<div><img class"img-responsive" src="https://upload.wikimedia.org/wikipedia/commons/5/50/Albert_Einstein_%28Nobel%29.png" class="center-image" alt="Einstein Thinking"></div>
<div> 
    <b><p class="text-center">Physicist, Scientist (1879–1955)</p>
  </b></div>
  
  <b> <p class="text-center">10 Things You Didn’t Know About Albert Einstein:</p></b>
  <ul>
    <li>He never failed math. This is a popular “fact” promoted on the internet, maybe in an attempt to relate to genius. However, it is simply not true. Overall, Einstein was an average student, but math was one area where he excelled, unsurprisingly.</li>
    <li>Einstein encouraged the development of the nuclear bomb. His involvement is often misinterpreted, with some claiming that he helped create the atom bomb. In reality, what he did was write a letter to President FDR encouraging him to begin work on such a weapon, which led to the Manhattan Project. Although a dedicated pacifist and, later, an anti-nuke spokesman, Einstein was convinced that America needed the atomic bomb before the Nazis.
    </li>
     <li>He was a great musician. If the whole “genius” thing didn’t work out, Einstein could have become a violinist. His mother played piano so he had the love of music instilled in him—via violin lessons—at the young age of five.
    </li>
     <li>He could have been the President of Israel. When Israel’s first president, Chaim Weizmann, died, Einstein was offered the position, but he declined.
    </li>
     <li>He married his cousin. After Einstein divorced his first wife, Mileva Maric, he married his cousin, Elsa Lowenthal. He was, actually, quite a bad husband to his first wife in their later years. He had affairs he never tried to hide, he moved the entire family to Berlin without discussion, and treated her more as a servant than a wife.
    </li>
     <li>He won the 1921 Nobel Prize for Physics. This alone isn’t particularly surprising. What is surprising is the fact that he didn’t receive it for the general or special theory of relativity, but rather for the photoelectric effect.
    </li>
      <li>He loved to sail. Ever since university, Einstein sailed as a hobby. But by his own admission, he never made a particularly good sailor. In fact, he didn’t even know how to swim.
    </li>
   <li>He really didn’t like socks, and usually didn’t wear them. In fact, in a letter to Elsa, he bragged about getting away “without wearing socks” while at Oxford.
    </li>
   <li>He had an illegitimate daughter. This wasn’t known until the 1980s, but according to correspondence between Albert and Mileva it was determined that the two had a daughter in 1902 called Lieserl. At one point, all mention of her in letters stopped so her fate is unknown.
    </li>
   <li>His brain was stolen. After Einstein died, the pathologist who did his autopsy took his brain without permission. He eventually got the permission necessary from Einstein’s son, but he was fired from Princeton when he refused to turn the brain over. He kept it for over forty years before finally returning it in 1998.
    </li>

  
      <p class="font">"The important thing is not to stop questioning. Curiosity has its own reason for existing."</p>
<p>-- Albert Einstein</p>
   </ul>
  <p class="link">If you have time, you should read more about this incredible human being on his <a href="https://en.wikipedia.org/wiki/Albert_Einstein" target="_blank"><i>Wikipedia entry</i></a>.</p>
</div>
              
            
!

CSS

              
                <link rel="stylesheet"href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
              
            
!

JS

              
                
              
            
!
999px

Console