title: Ordered list with link in the middle and image on the right
body: <p>I want to design a ordered list which has a link to an article in the middle and a small png img file directly to the right of it</p>
  
  <p>Here is an image of the exact list I want to make: <a href="http://i.imgur.com/b0KfwuA.png" rel="nofollow">http://i.imgur.com/b0KfwuA.png</a></p>
  
  <p>The code I have right now looks close to this but is not quite there. What changes do I need to make to my code in order to achieve this ordered list? </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id ="most-emailed"&gt;
        &lt;h2&gt;MOST EMAILED&lt;/h2&gt;
          &lt;ol&gt;
            &lt;li&gt;
              &lt;a href=""&gt;Well: Writing Your Way To Happiness&lt;/a&gt;
              &lt;img src="images/well.jpg"/&gt;
            &lt;/li&gt;
  
            &lt;li&gt;
              &lt;a href=""&gt;White House Proposals on 529 College Plans Would Reduce Benefits&lt;/a&gt;
            &lt;/li&gt;&lt;img src="images/silver.jpg"/&gt;
            &lt;li&gt;
              &lt;a href=""&gt;Well: Ask Well: The Benefits of a Lunch Hour Walk&lt;/a&gt;
              &lt;img src="images/physed.jpg"/&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href=""&gt;Well: Ask Well: The Best Time of Day to Exercise to Lose Weight&lt;/a&gt;
              &lt;img src="images/morning.jpg"/&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href=""&gt;Op-Ed Contributor: Why Adnan Syed of 'Serial' Should Have Pleaded Guilty&lt;/a&gt;
              &lt;img src="images/murray.jpg"&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href=""&gt;36 Hours in Denver&lt;/a&gt;
              &lt;img src="images/denver.jpg"/&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href=""&gt;U.S Says Assembly Speaker Sheldon Silver Took Millions in Payoffs...&lt;/a&gt;
              &lt;img src="images/silver.jpg"/&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href=""&gt;Paul Krugman: Much Too Responsible&lt;/a&gt;
              &lt;img src="images/krugman.png"/&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href=""&gt;David Brooks: The Devotion Leap&lt;/a&gt;
              &lt;img src="images/brooks.png"/&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href=""&gt;36 Hours: What to Do in Denver&lt;/a&gt;
              &lt;img src="images/36hours.jpg"/&gt;
            &lt;/li&gt;
          &lt;/ol&gt;
  
    &lt;/div
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#most-emailed{
    width:250px;
    height:500px;
    float:right;
    border-top:1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
  }
  
  #most-emailed h2{
    font-size:10px;
    margin:0;
    padding-top:10px;
    padding-bottom:10px;
    font-family:arial;
    font-weight:700;
  }
  #most-emailed img{
    width:30px;
    height:30px;
  }
  
  #most-emailed ol{
    padding:0;
    margin:0;
  
  }
  
  #most-emailed a {
    color:#6288a5;
    font-size:12px;
    vertical-align:middle;
  }
  #most-emailed li{
    width:100%;
    height:50px;
    text-align:left;
    list-style-type:inside;
  }
  </code></pre>