[mattrmclaren]

The following code should have an image nested to the left with the text to the right. I've tried placing the image everywhere and can't find the solution. Any help would be greatly appreciated.

 <div class="media">
      <a class="pull-left" href="">
      <img class="media-object" data-src="holder.js/64x64">
      </a>
      <div class="media-body">
      <h4 class="media-heading">Collaborate with students at other Universities</h4>
      <p>Join your classes and work with other students on studying without having to meet up.</p
      </div>
      </div>

It should look like what you see if you click on Media Object tab:
http://twitter.githu...ents.html#media

This post has been edited by mattrmclaren: 08 April 2013 - 02:58 PM

[Atli]

We can't really help you without seeing the CSS behind those classes.

One thing I see there that could be causing problem is that the <p> element's closing tag is missing the end > char. I doubt it will fix the problem, but it should be fixed nonetheless.

[mattrmclaren]

Here is the CSS. I apologize for not including in my original post:

<link href="../assets/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 10px;
        padding-bottom: 20px;
      }

      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 700px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 30px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 72px;
        line-height: 1;
      }
      .jumbotron .btn {
        font-size: 15px;
        padding: 10px 20px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 5px 0;
      }
      .marketing p + h4 {
        margin-top: 14px;
      }
    </style>
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">