@vcl/vcl/list/demo/example-horizontal.html

The whole VCL in one package

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css">

<div class="list list-custom-bullets list-horizontal" role="list">
  <div class="list-item icogram" role="listitem">
    <div class="icon square fas fa-building" role="presentation"></div>
    <span class="text">Company Name</span>
  </div>
  <div class="list-separator" role="separator">|</div>
  <div class="list-item icogram" role="listitem">
    <div class="icon square fas fa-map-marker" role="presentation"></div>
    <span class="text">Location</span>
  </div>
  <div class="list-separator" role="separator">|</div>
  <div class="list-item icogram" role="listitem">
    <div class="icon square fas fa-envelope" role="presentation"></div>
    <span class="text">mail@company.com</span>
  </div>
  <div class="list-separator" role="separator">|</div>
  <div class="list-item icogram" role="listitem">
    <div class="icon square fas fa-link" role="presentation"></div>
    <span class="text">www.company.com</span>
  </div>
</div>