cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

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.

            
              <div class="container">
  <div class="jumbotron">
    <div style="font-family: Lucida Sans Unicode">
      <h1 class="text-center" >Rickey Henderson</h1>
      <h2 class="text-center">MLB All-time Stolen Base and Runs Leader</h2>
      <br>
      <hr>
      <div class="text-center">
        <ul class="list-inline">
          <li class="list-inline-item" style="color: green" class="text-center"> A's </li>
          <li class="list-inline-item" style="color: black" class="text-center"> Yankees </li>
          <li class="list-inline-item" style="color: blue" class="text-center"> Blue Jays</li>
          <li class="list-inline-item" style="color: brown" class="text-center"> Padres </li>
          <li class="list-inline-item" style="color: red" class="text-center"> Angels </li>
          <li class="list-inline-item" style="color: orange" class="text-center"> Mets </li>
          <li class="list-inline-item" style="color: red" class="text-center"> RedSox </li>
          <li class="list-inline-item" style="color: blue" class="text-center"> Dodgers </li></div>
        </ul>
        <br>
        <br>
        <div class="thumbnail"><img src="http://www.yardbarker.com/media/6/9/69eaa940c1bb99bed959fb8db799d8dd7b77773a/xl/1.gif" alt="Stolen Base King" style="width:100%;"</div>
        <div class="caption-text">Rickey Henderson steals one of his 1406 stolen bases.</div>
        <br>
        <br>
        <div>
          <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-8">
              <h3>Career Timeline</h3>
              <br>
              <ul>
                <li><b>1979</b>- Makes MLB Debut</li>
                <li><b>1980</b>- Reaches 100 SB in a season for the first time</li>
                <li><b>1982</b>- Sets modern day single-season stolen base record with 130</li>
                <li><b>1986</b>- Leads MLB in steals for 7th straight season</li>
                <li><b>1989</b>- Wins World Series with Oakland A's</li>
                <li><b>1990</b>- American League MVP</li>
                <li><b>1991</b>- Sets all time stolen base record</li>
                <li><b>1993</b>- Wins World Series with Toronto Blue Jays</li>
                <li><b>2001</b>- Sets all time runs record</li>
                <li><b>2001</b>- Sets all time walks record</li>
                <li><b>2003</b>- Retires from Major League Baseball as the all time SB, BB, Runs leader</li>
                <br>
              </ul>
          <h3>Accolades</h3>
          <br>
          <ul>
            <li><h5>Known as the greatest lead-off hitter of all time</h5></li>
            <li><h5>Led AL in stolen bases 12 times including 7 years in a row</h5></li>
            <li><h5>Holds record for most HR to lead off a game</h5></li>
            <li><h5>Still holds MLB all time unintentional walk record</h5></li>
            
          <br>
          </div>
          </div> 
          </div>
          <!--<div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-8">-->
              <h5 class="text-center">"If my uniform doesn't get dirty, I haven't done anything in the baseball game"</h5>
              <h6 class="text-center"><em>--Rickey Henderson</em></h6>
              <br>
              <h6 class="text-center">Read more about Rickey Henderson on Wikipedia <a href="https://en.wikipedia.org/wiki/Rickey_Henderson" target="_blank">here</a></h6>
              <h6 class="text-center">View Rickey Henderson's stats <a href="http://www.baseball-reference.com/players/h/henderi01.shtml" target="_blank">here</a></h6>
    </div>
  </div>
</div>
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console