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
</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
</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 </span>
<span class="ct-meta-element">
<a href="http://wordpress1.local/category/design/" rel="tag">Canyon</a>
</span>
<span class="ct-meta-element">
<a href="http://wordpress1.local/category/health/" rel="tag">Health & 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><span><a href="http://localhost:8080/?cat=4" class="ct-meta-element" rel="tag">Islands</a></span><span><a href="http://localhost:8080/?cat=5" class="ct-meta-element" rel="tag">Towns</a></span><span><a href="http://localhost:8080/?cat=1" class="ct-meta-element" rel="tag">Uncategorized</a></span><span><a href="http://localhost:8080/?cat=6" class="ct-meta-element" rel="tag">Waves</a></span>
</li> </ul>
</section>
SCSS
section {
background: #ccc;
width: 350px;
ul {
list-style: none;
margin: 0;
padding: 0;
li {
display: inline;
> * {
/* display: inline-block; */
}
}
}
}