JSFiddle - React, Tailwind, and code Playground

by Vinay Pratap Singh Bhadauria

HTML

<div class="pcategories top-margin-10">
      <div class=" pcategory">
<div class="category root ">
  <div class="title parent">
            Colubrids

  </div>
</div>
<div style="clear: left"></div><div class="nested_categories"><div class=" ">
<div class="category  ">
  <div class="title ">
            Kingsnakes

  </div>
</div>
<div style="clear: left"></div><div class="nested_categories"><div class=" ">
<div class="category  ">
  <div class="title ">
            <a href="/categories/19/ads_in_category" class="no-decoration">Mexicana Complex</a>


  </div>
</div>
<div style="clear: left"></div><div class="nested_categories"></div></div><div class=" ">
<div class="category  ">
  <div class="title ">
            <a href="/categories/20/ads_in_category" class="no-decoration">Gray-Banded Kingsnake</a>


  </div>
</div>
<div style="clear: left"></div><div class="nested_categories"></div></div><div class=" ">
<div class="category  ">
  <div class="title ">
            <a href="/categories/21/ads_in_category" class="no-decoration">Mountain Kingsnake</a>


  </div>
</div>
<div style="clear: left"></div><div class="nested_categories"></div></div></div></div><div class=" ">
<div class="category  ">
  <div class="title ">
            Corn Snakes

  </div>
</div>
<div style="clear: left"></div><div class="nested_categories"><div class=" ">
<div class="category  ">
  <div class="title ">
            Milksnakes

  </div>
</div>
<div style="clear: left"></div><div class="nested_categories"><div class=" ">
<div class="category  ">
  <div class="title ">
            Rat Snakes

  </div>
</div>
<div style="clear: left"></div><div class="nested_categories"><div class=" ">
<div class="category  ">
  <div class="title ">
            Bull/Pine/Gopher Snakes

  </div>
</div>
<div style="clear: left"></div><div class="nested_categories"><div class=" ">
<div class="category  ">
  <div class="title ">
            Hognose Snakes

  </div>
</div>
<div style="clear: left"></div><div...

CSS

.pcategory {
    border: 1px solid;    
    display: table-cell; 
    float: left; 
    width: 300px;
}
.category {
    height: 20px;
    margin: 2px;
    padding: 2px;
    width: 250px;
}
.pcategories .nested_categories {
    margin-left: 10px;
}