title: How can i create this type of html layout
body: <p>I want to create something like this in a layout where the icon line themselves up with html, how can i get this done?</p>
  <p><a href="https://i.stack.imgur.com/Z9OJX.png" rel="nofollow noreferrer">Layout i would like to create</a></p>
  <p>I Tried the following without flexbox, but when the width gets to narrow it messes up. guess i should try the flexbox instead., hope that will work.</p>
  <p><a href="https://i.stack.imgur.com/yLB4y.png" rel="nofollow noreferrer">good version</a>
  <a href="https://i.stack.imgur.com/giBTA.png" rel="nofollow noreferrer">messed up version</a></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>    .pageColumnMid{
  margin-right:20px;
      float : left;
      clear : none;
      height : auto;
      width : auto;
      }
      .pageColumnLeft{
  text-align:left;
      float : left;
      clear : none;
      height : auto;
      width : auto;
      }
      .pageColumnRight{
          margin-left:20px;
      float : left;
      clear : none;
      height : auto;
      width : auto;
      }
      .lineheight50{
          line-height: 40px!important;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
  
  &lt;div&gt;&lt;div&gt;
      &lt;div class="pageColumnMid"&gt;&lt;span  class="fas fa-user lineheight50" &gt;&lt;/span&gt; &lt;br&gt; &lt;span  class="fas fa-user lineheight50" &gt;&lt;/span&gt; &lt;br&gt; &lt;span  class="fas fa-user lineheight50" &gt;&lt;/span&gt; &lt;br&gt;
      &lt;/div&gt;
      &lt;div class="pageColumnLeft lineheight50" &gt;View, manage and publish your personal data &lt;br&gt; View, manage and store your Contacts &lt;br&gt; View your technicaldata* &lt;br&gt;
      &lt;/div&gt;
      &lt;div class="pageColumnRight"&gt;&lt;/span&gt;&lt;span  class="fas fa-info lineheight50" &gt;&lt;/span&gt; &lt;br&gt;  &lt;span  class="fas fa-info lineheight50" &gt;&lt;/span&gt; &lt;br&gt;  &lt;span  class="fas fa-info lineheight50" &gt;&lt;/span&gt; &lt;br&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>