Multiline Padding for List

index.html

<div class="fact-list">
  <ul>
    <li>
      <span> List 1 </span>
    </li>
    <li>
      <span> List 2 </span>
    </li>
    <li>
      <span> List 3 here</span>
    </li>
    <li>
      <span> List </span>
    </li>
    <li>
      <span> Listhered 4 here </span>
    </li>
    <li>
      <span> List 5 </span>
    </li>
  </ul>
</div>

multiline-padding-for-list.markdown

Multiline Padding for List

A Pen by Swapnil Sawant on CodePen.

License.

style.css

.fact-list ul
    {
      list-style-type: none;
      margin: 5px 5px 5px 5px;
      padding: 0px;
      width: 100px
    }

    .fact-list ul li {
      display: inline;
      padding: 0px 10px 0px 5px;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
    }

    .fact-list ul li a
    {
      text-decoration: none;
    }
    
    .fact-list ul li span
    {
        border-right: 1px solid #2c4762;
        padding-right: 10px;
    }
    
    .fact-list ul li:nth-last-child(1) span{

    }