title: Using a icon aside a text
body: <p><img src="https://i.stack.imgur.com/Yc7yi.png" alt="enter image description here"></p>
  
  <p>I'm trying to put this icons aside the texts, but i dont know how.</p>
  
  <p>This is the HTML:</p>
  
  <pre><code>    &lt;section class="info"&gt;
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;span class="fa fa-location-arrow fa-5x"&gt;&lt;/span&gt;
                  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in enim ornare nunc mattis congue eu vitae libero. Mauris elit urna, placerat mollis mi consectetur, imperdiet auctor massa. Cras finibus turpis eget elitLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in enim ornare nunc mattis congue eu vitae libero. Mauris elit urna, placerat mollis mi consectetur, imperdiet auctor massa. Cras finibus turpis eget elitem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in enim ornare nunc mattis congue eu vitae libero. Mauris elit urna, placerat mollis mi consectetur, imperdiet auctor massa. Cras finibus turpis eget elit &lt;/p&gt;
                  &lt;span class="fa fa-credit-card fa-5x"&gt;&lt;/span&gt;
                  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in enim ornare nunc mattis congue eu vitae libero. Mauris elit urna, placerat mollis mi consectetur, imperdiet auctor massa. Cras finibus turpis eget elitLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in enim ornare nunc mattis congue eu vitae libero. Mauris elit urna, placerat mollis mi consectetur, imperdiet auctor massa. Cras finibus turpis eget elitem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in enim ornare nunc mattis congue eu vitae libero. Mauris elit urna, placerat mollis mi consectetur, imperdiet auctor massa. Cras finibus turpis eget elit &lt;/p&gt;
                  &lt;span class="fa fa-calendar fa-5x"&gt;&lt;/span&gt;
                  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in enim ornare nunc mattis congue eu vitae libero. Mauris elit urna, placerat mollis mi consectetur, imperdiet auctor massa. Cras finibus turpis eget elitLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in enim ornare nunc mattis congue eu vitae libero. Mauris elit urna, placerat mollis mi consectetur, imperdiet auctor massa. Cras finibus turpis eget elitem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in enim ornare nunc mattis congue eu vitae libero. Mauris elit urna, placerat mollis mi consectetur, imperdiet auctor massa. Cras finibus turpis eget elit &lt;/p&gt;
              &lt;/div&gt;
      &lt;/section&gt;
  </code></pre>
  
  <p>And this is the CSS:</p>
  
  <pre><code>.info {
    width: 100%;
    background-color: #f98835;
  }
  
  .info .row {
    margin: 30px 0;
    text-align: left;
  }
  
  .info .row .fa {
    color: black;
    margin: 20px 0;
  }
  
  .info .row p:last-child {
    margin-bottom: 70px;
  }
  </code></pre>
  
  <p>I was trying to use float: left in the text, but is breaking..</p>
  
  <p><img src="https://i.stack.imgur.com/PTYEo.png" alt="enter image description here"></p>