gistfile1.txt

<section class="problem-solution row">
  <div class="span19">
    <div class="well clearfix">
      <div class="problem span7">
        <h4>Problem</h4>
        <h3>Suspendisse vestibulum elit quis</h3>
        <p>Suspendisse vestibulum elit quis metus suscipit rhoncus. Proin volutpat, justo ut varius luctus, nisi elit varius orci, eget varius quam urna nec velit. Curabitur vitae scelerisque augue.</p>
        <ul>
          <li>Proin volutpat nisi elit varius orci</li>
          <li>Justo ut varius luctus</li>
          <li>Curabitur vitae scelerisque</li>
        </ul>
      </div>
  
      <div class="span3 carrat">
        <%= image_tag 'http://placehold.it/100x100' %>
      </div>
  
      <div class="solution span7">
        <h4>Solution</h4>
        <h3>Ut in imperdiet massa. Aliquam et erat convallis tellus gravida aliquam.</h3>
        <p>Morbi orci nisl, bibendum sed dictum eu, interdum sit amet mauris. Aenean ut mauris vitae risus molestie consequat.</p>
        <ul>
          <li>Fusce semper sodales nibh, scelerisque blandit</li>
          <li>Scelerisque blandit turpis eleifend</li>
          <li>Sodales nibh, scelerisque</li>  
        </ul>
      </div>
    </div>
  </div>
</section>
<!-- problem-solutions -->