JSFiddle - React, Tailwind, and code Playground

by CreativeDreams

HTML

<section>
  <ul class="entry-meta has-avatar" data-label="" data-type="simple">
			
							<li class="ct-meta-author has-avatar" itemprop="name">				
					
											<span class="ct-meta-label">
							By&nbsp;
						</span>
					
					<span class="ct-meta-element" itemprop="author">
						<a href="http://wordpress1.local/author/admin/" title="Posts by admin" rel="author">admin</a>					</span>
				</li>
			
							<li class="ct-meta-date" itemprop="datePublished">

					
											<span class="ct-meta-label">
							On&nbsp;
						</span>
					
					<span class="ct-meta-element" data-default-format="F j, Y" data-date="2020-02-12T19:43:43+00:00">
						Feb 12, 2020					</span>
				</li>
			
			
			
			<li class="ct-meta-categories" data-type="simple">
      <span class="ct-meta-label">In &nbsp;</span>
      <span class="ct-meta-element">
      <a href="http://wordpress1.local/category/design/" rel="tag">Design</a> 
      </span>
      <span class="ct-meta-element">
      <a href="http://wordpress1.local/category/health/" rel="tag">Health &amp; Wellness</a>
      </span>
      <span class="ct-meta-element">
      <a href="http://wordpress1.local/category/design/human/" rel="tag">Human</a> 
      </span>
      <span class="ct-meta-element">
      <a href="http://wordpress1.local/category/design/spaces/" rel="tag">Spaces</a>
      </span>
      </li>				</ul>
</section>

SCSS

section {
  background: #ccc;
  width: 300px;
  
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    
    li {
      display: inline;
    }
  }
}