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 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

              
                <div class="container-fluid" >
  <h1 class="text-center" style="font-size: 72px">Eminem</h1>
  <h2 class="text-center">A major influence in hip hop history</h2>
  <div class="row">
    <div class="col-xs-5">
      <img height="800px" width="100%" src="http://cache1.asset-cache.net/gc/484695947-recording-artist-eminem-performs-onstage-at-gettyimages.jpg?v=1&c=IWSAsset&k=2&d=X7WJLa88Cweo9HktRLaNXsYYOiN01ZHtcTLLAl8FU32qsGp82nKovFX7y4E7dNop" alt="Eminem Blue Background">
    </div>
    <div class="col-xs-7">
      <img height="375px" width="100%" src="http://cdn.singersroom.com/wp-content/uploads/2016/01/eminemearnsfifthno1withmonster.jpg" alt="Eminem Green Background">
      <img height="425px" width="100%"  src="http://img.wennermedia.com/article-leads-horizontal/rs-194210-99632673.jpg" alt="Eminem Yellow Background">
    </div>
  </div>
  <ul class="text-center">
    <li>Whether people like to admit it or not, Eminem has influenced hip hop history in a major way. Since the death of Tupac, he is the rapper who has influenced the hip hop scene most.</li>
    <li>Unlike many people’s opinion, Eminem is not the first white rapper. The Beastie Boys and Vanilla Ice have preceded him. But Marshall Mathers is the first white rapper to rap so well, to handle wordplays the way he does.
Some would argue that Eminem gets a lot of attention because of his skin color, which is only partly true. I’d say he gets lots of attention mainly because of his huge talent and his amazing creativity.
Eminem has been particularly influential in rap music, he has started a revolution, because he has changed some rules in the rap game.</li>
    <li>Many people were used to commercial rappers with big chains talking about big cars, money and girls. Eminem is one of the rare rappers to show up on stage with great simplicity in his clothing. No big chains, no big diamond rings. Nothing external to seduce his public, but himself. Eminem is certainly the first in the rap game to expose himself the way he does. His songs tell his story. Never has a rapper been that close to his fans. His songs are also an explosion of true feelings. His personality and his attitude are an inspiration to many people.
Because his intentions are so often misinterpreted and misunderstood, Eminem has also been reproached to expose his life in his lyrics by some negative critics.</li>
    <li>The fact that Eminem is white shouldn’t only be interpreted as a disadvantage for rap music, but rather like a real enrichment. Being described as a ‘culture stealer’ by closed minded people like Benzino, Eminem has opened hip hop to a larger audience, which is something highly positive. Nobody will deny that rap music is a genre created by Blacks. But like any musical genre it has a universal vocation.</li>
    <li>Eminem is not some white man who had no idea about rap music and hip hop culture and who suddenly decided to rap. Eminem grew up, has grown roots within hip hop culture. He cannot be compared with some white guy who suddenly decides to collaborate with Blacks just to add to his credibility as a white rapper. His D12 crew he sarcastically calls ‘My Band’ are long term friends who grew up in the same place as him.</li>
    <li>Eminem is a living proof that hip hop can break intolerance, racism and that people from different ethnies can work together. Since the beginning of his career till now, Eminem has contributed to the enrichment of hip hop culture. His sophisticated rhyming style makes a brilliant form of art of his music.</li>
    <li>Eminem’s determinant role in rap music and ‘by extension- in racial relations could hardly be ignored. His music is a bridge between Blacks and Whites.
His success may have encouraged other white rappers, but it has also made it harder for them at the same time, knowing it is rather difficult to reach his level.</li>
    <li>Eminem has also opened people’s eyes about white people’s situation in the ghetto. Maybe it started breaking down the myth of the ‘American Dream’ in many suburban people’s mind.
It also helped white people focusing much more on rap music and thus, on black history.
No matter if they’re white or not, true hip hop lovers won’t ignore black people’s history.</li>
  </ul>
<p><a href="https://www.theeminemblog.com/2004/07/14/eminem-a-major-influence-in-hip-hop-history" target="_blank">Blog by: Isabelle</a><br />Date created: July 14, 2004<p>
<p>For more information about Eminem: 
<a href="https://en.wikipedia.org/wiki/Eminem" target="_blank">Eminem - Wikipedia</a></p>
</div>
              
            
!

CSS

              
                h1, h2 {
  font-family: Seriff;
}
ul {
  list-style-type: none;
  padding: 0px;
}
li {
  padding: 20px;
  margin-left: 200px;
  margin-right: 200px;
  font-size: 20px;
}
body {
  margin: 50px;
  background-color: #FFFF7F;
}
.row {
  background-color: red;
}
.col-xs-5 {
  padding: 0px;
}
.col-xs-7 {
  padding: 0px;
}
              
            
!

JS

              
                
              
            
!
999px

Console