title: get p tag to line up with header
body: <p>Hi guys so I am creating a simple <code>fa icon</code> and I want the heading of one <code>p</code> tag to line up with anther one, however for some reason I can't seem to get it to line up. I would like all the text below to line up with the title right below. So to be in the same line as title, not below the picture. </p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="section1"&gt;
     &lt;div class="container" id="section1"&gt;
        &lt;div class="row"&gt;
           &lt;div class="col-5"&gt;
              &lt;ul class="get_in"&gt;
              &lt;li&gt;
                &lt;i class="fa fa-laptop"&gt;&lt;/i&gt;
                &lt;p&gt;Title&lt;/p&gt;
                 &lt;p&gt;Web DevelopmentWeb DevelopmentWeb DevelopmentDevelopmentWeb DevelopmenDevelopmentWeb Developmen&lt;/p&gt;
              &lt;/li&gt;
              &lt;/ul&gt;
           &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.section1 .get_in li i {
      background: none repeat scroll 0 0 #373432;
      border-radius: 50%;
      color: white;
      height: 60px;
      line-height: 33px;
      margin-bottom: 10px;
      padding: 12px;
      text-align: center;
      width: 60px;
      font-size:34px;
  }
  
  .get_in p {
      display: inline-block;
      padding-left: 10px;
  }
  
  i {
    margin-right:6px;
  }
  
  .get_in li i:hover {
      background: #434343;
      color: white;
      -webkit-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      transition: background-color 200ms linear;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/y7kptvf3/" rel="nofollow noreferrer">fiddle link</a></p>
  
  <p>Thanks again. </p>