title: How do I center a list of text and then justify it in a w3.css column
body: <p>I can't find a way to both center the contact details and justify it so the icons all line up. It is easier to see what i mean in fullscreen.</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-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet"
  href="https://www.w3schools.com/w3css/4/w3.css"&gt;
  &lt;link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"&gt;
  &lt;script src="https://kit.fontawesome.com/1c4e37d442.js"&gt;&lt;/script&gt;
  &lt;div class="w3-container w3-light-grey" style="padding:128px 16px" id="contact"&gt;
      &lt;div class="w3-col l5 w3-center"&gt;
          &lt;p&gt;&lt;i class="fa fa-map-marker fa-fw w3-xxlarge w3-margin-right"&gt;&lt;/i&gt;Antartica&lt;/p&gt;
          &lt;p&gt;&lt;i class="fa fa-phone fa-fw w3-xxlarge w3-margin-right"&gt;&lt;/i&gt; Phone: +00 151515&lt;/p&gt;
          &lt;p&gt;&lt;i class="fa fa-envelope fa-fw w3-xxlarge w3-margin-right"&gt; &lt;/i&gt; Email: mail@mail.com&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="w3-col l7"&gt;
        &lt;form action="/" target="_blank"&gt;
        &lt;p&gt;&lt;input class="w3-input" type="text" placeholder="Name" required name="Name"&gt;&lt;/p&gt;
        &lt;p&gt;&lt;input class="w3-input" type="text" placeholder="Email" required name="Email"&gt;&lt;/p&gt;
        &lt;p&gt;&lt;input class="w3-input" type="text" placeholder="Phone" required name="Phone"&gt;&lt;/p&gt;
        &lt;p&gt;&lt;input class="w3-input" type="text" placeholder="Subject" required name="Subject"&gt;&lt;/p&gt;
        &lt;p&gt;&lt;textarea class="w3-input" type="text" placeholder="Message" required name="Message" style=""&gt;&lt;/textarea&gt;&lt;/p&gt;
        &lt;p&gt;
          &lt;button class="w3-button w3-blue w3-hover-white" type="submit"&gt;
            &lt;i class="fa fa-paper-plane"&gt;&lt;/i&gt; SEND MESSAGE
          &lt;/button&gt;
        &lt;/p&gt;
      &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>