Inline and Comma separated paragraphs items

http://drupal.stackexchange.com/questions/194708/display-paragraphs-items-in-comma-seperated-series

HTML

<div class="paragraphs-items paragraphs-items-field-doc-editor paragraphs-items-field-doc-editor-full paragraphs-items-full">
  <div class="label-inline">
    Editor:&nbsp;
  </div>
  <div class="entity entity-paragraphs-item paragraphs-item-doc-other-contrib-pb" about="" typeof="">
    <div class="content">
      <div class="field-pb-doc-other-fullname">
        <div class="field-items">
          <div class="field-item even">
            Person 1
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="entity entity-paragraphs-item paragraphs-item-doc-other-contrib-pb" about="" typeof="">
    <div class="content">
      <div class="field-pb-doc-other-fullname">
        <div class="field-items">
          <div class="field-item even">
            Person 1
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="entity entity-paragraphs-item paragraphs-item-doc-other-contrib-pb" about="" typeof="">
    <div class="content">
      <div class="field-pb-doc-other-fullname">
        <div class="field-items">
          <div class="field-item even">
            Person 2
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="entity entity-paragraphs-item paragraphs-item-doc-other-contrib-pb" about="" typeof="">
    <div class="content">
      <div class="field-pb-doc-other-fullname">
        <div class="field-items">
          <div class="field-item even">
            Person 3
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="entity entity-paragraphs-item paragraphs-item-doc-other-contrib-pb" about="" typeof="">
    <div class="content">
      <div class="field-pb-doc-other-fullname">
        <div class="field-items">
          <div class="field-item even">
            Person 4
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="paragraphs-items paragraphs-items-field-doc-author paragraphs-items-field-doc-author-full paragraphs-items-full">
 ...

CSS

.paragraphs-items { /* start each field on a new line*/
            clear: left;
        }
        
        .paragraphs-items div { /* eliminate the blocky results of div hell (eliminate some extra spacing in the process)*/
            float: left;
        }
        
        .paragraphs-items .entity-paragraphs-item .content:after { /*put commas after each item*/
            content: ", ";
        }
      
        .paragraphs-items .entity-paragraphs-item:last-child .content:after {
          content: "";
        }
        
        .paragraphs-items .entity-paragraphs-item:nth-last-child(2) .content:after { /*put commas after each item*/
            content: ", and ";
        }
        
        .paragraphs-items .entity-paragraphs-item:nth-last-child(2):nth-child(2) .content:after { /*put commas after each item*/
            content: " and ";
        }