JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <item-rank-1 class="item">Object “A”</item-rank-1>
  <item-rank-1 class="item">Object “B”</item-rank-1>
  <item-rank-0 class="item">Object “C”</item-rank-0>
</div>
<hr style="margin: 50px;" />
<ul>
    <li>первый элемент</li>
    <li>не первый элемент</li>
    <li>последний элемент</li>
</ul>

CSS

ul, li { margin: 0; padding: 0; list-style: none; }
ul { white-space: nowrap; }
li { display: inline; white-space: normal; }
li + li:before { content: ', '; margin-left: -.25em; }
ul:first-letter { text-transform: capitalize; }

JavaScript

document.getElementsByTagName('div')[0].onclick = function(e) {
    console.log(e.target instanceof HTMLUnknownElement);
}