JSFiddle - React, Tailwind, and code Playground

HTML

<div id="collapse305" role="tabpanel" aria-labelledby="heading375" aria-expanded="false" style="height: 0px;">      
    <div class="panel-body">
        <ul>
        	<li>
        		<a href="/download/1771" target="_blank">Test1</a>  
        		<span class="label label-info"></span>
        	</li>
        	<li>
        		<a href="/download/1791" target="_blank">Test2</a>  
        		<span class="label label-info"></span>
        	</li>
        	<li>
        		<a href="/download/1796" target="_blank">Test3</a>  
        		<span class="label label-info"></span>
        	</li>
        	<li>
        		<a href="/download/1801" target="_blank">Test4</a>  
        		<span class="label label-info"></span>
        	</li>
        	<li>
        		<a href="/download/1827" target="_blank">Test5</a>  
        		<span class="label label-info"></span>
        	</li>
        </ul>      
    </div>
</div>