Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!DOCTYPE html>
<html>

<head>
	<title>Interview</title>
</head>

<body>
	<p>An excerpt from the Time Magazine Oval Office interview, published June 20, 2019. Original article available here: https://time.com/5611476/donald-trump-transcript-time-interview/</p>

	<p>TRUMP: President Obama in September was told by the FBI about Russia. He did nothing. Hillary Clinton went out and paid a man who went to Russia and used Russians and paid Russians. They did nothing. A lot of the bloggers that you read about, O.K.? You
		read about these bloggers. They were on Hillary’s side and Trump’s side. The so-called — was it 24 numerous — And you’re talking about — she spent hundreds of millions of dollars on advertising and Facebook and everything else.</p>

	<p>TIME: But didn’t the American people —</p>

	<p>TRUMP: They spent a tiny amount of money — just so you understand, and as the report makes very clear, there was no collusion, there was no conspiracy —</p>

	<p>TIME: But why would you try to limit the investigation only —</p>

	<p>TRUMP: I didn’t limit the investigation.</p>

	<p>TIME: You dictated a letter —</p>

	<p>TRUMP: Excuse me —</p>

	<p>TIME: — to Corey Lewandowski telling him to tell [former Attorney General Jeff] Sessions to limit the investigation [to future Russia meddling] —</p>

	<p>TRUMP: I could have told Sessions myself if I wanted to. Under Section II —</p>

	<p>TIME: He testified under oath —</p>

	<p>TRUMP: Excuse me —</p>

	<p>TIME: — under threat of prison time, that that was the case Mr. President.</p>

	<p>TRUMP: Excuse me — Under Section II — Well, you can go to prison instead, because, if you use, if you use the photograph you took of the letter that I gave you —</p>

	<p>TIME: Do you believe that people should be —</p>

	<p>TRUMP: confidentially, I didn’t give it to you to take photographs of it — So don’t play that game with me. Let me just tell you something. You take a look —</p>

	<p>TIME: I’m sorry, Mr. President. Were you threatening me with prison time?</p>

	<p>TRUMP: Well, I told you the following. I told you you can look at this off-the-record. That doesn’t mean you take out your camera and start taking pictures of it. O.K.? So I hope you don’t have a picture of it. I know you were very quick to pull it out
		— even you were surprised to see that. You can’t do that stuff. So go have fun with your story. Because I’m sure it will be the 28th horrible story I have in TIME Magazine because I never — I mean — ha. It’s incredible. With all I’ve done and the success
		I’ve had, the way that TIME Magazine writes is absolutely incredible.</p>
</body>
</html>
            
          
!
            
              body {
	width:90%;
	padding:20px;
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console