title: float elements and center in the middle
body: <p>Hi I have made short section with information about contact; facebook,number,mail. I have two question because I read about float and without clearfix parent of floated element shouldn't has height in my case  div.contact has 36px of height. Secondly I would like to center text next to icon how is the fastest way to do it?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.visit {
    background-color:black;
    padding: 10px 25px;
    color: white;
    font-family: Saira, sans-serif;
    font-weight: normal;
  }
  
  .visit img {
    height: 36px;
    float: left;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;title&gt;Document&lt;/title&gt;
      &lt;link rel="stylesheet" href="style.css" /&gt;
    &lt;/head&gt;
    &lt;body&gt;
       &lt;div class="visit"&gt;
          &lt;div class="contact"&gt;
            &lt;img src="https://i.postimg.cc/Vk5vJ3w3/contact1.png" alt="mail" /&gt;
            &lt;span&gt;1231@gmail.com&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="contact"&gt;
            &lt;img src="https://i.postimg.cc/XYcW7LGT/contact2.png" alt="phone" /&gt;
            &lt;span&gt;501501501&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="contact"&gt;
            &lt;img src="https://i.postimg.cc/7Yts12vf/contact3.png" alt="facebook" /&gt;
            &lt;span&gt;1231&lt;/span&gt;
          &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
    &lt;footer&gt;&lt;/footer&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>