JSFiddle - React, Tailwind, and code Playground

by CreativeDreams

HTML

<div>


<ul class="entry-meta" data-type="simple">
			
							<li>
													
				
				
				<a class="ct-meta-element" href="http://localhost:8080/?author=1" title="Posts by admin" rel="author" itemprop="author">admin</a>				</li>
			


							<li>
				
				
				<span class="ct-meta-element" data-default-format="F j, Y" data-date="2020-04-17T14:40:51+00:00">
					Apr 17, 2020				</span>
				</li>
			


							<li>
				
				
				
				<span class="ct-meta-element" data-default-format="F j, Y" data-date="2020-04-27T15:34:30+00:00">
					Apr 27, 2020				</span>
				</li>
        <li class="ct-meta-categories"><span><a href="http://localhost:8080/?cat=2" class="ct-meta-element" rel="tag">Canyon</a></span><span><a href="http://localhost:8080/?cat=3" class="ct-meta-element" rel="tag">Hills</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>
      
      </div>

SCSS

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