JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="Forums_LV1">
   <li class="Forums_LV1_Col">
      <div class="Forums_LV1_Cat">
         <h2><a href="forum01.html">Forum 1</a></h2>
      </div>
      <ol class="Forums_LV1_Bit">
         <li class="Forums_LV1_List">
            <div class="Forums_LV1_Wrapper">
               <div class="forumstatus_sprite"></div>
               <h3><a href="subforum1.html">Sub-Forum 1</a></h3>
            </div>
            <div class="Forums_LV1_Wrapper">
               <div class="forumstatus_sprite"></div>
               <h3><a href="subforum1.html">Sub-Forum 1</a></h3>
            </div>
            <div class="Forums_LV1_Wrapper">
               <div class="forumstatus_sprite"></div>
               <h3><a href="subforum1.html">Sub-Forum 1</a></h3>
            </div>
            <div class="Forums_LV1_Wrapper">
               <div class="forumstatus_sprite"></div>
               <h3><a href="subforum1.html">Sub-Forum 1</a></h3>
            </div>
            <div class="Forums_LV1_Wrapper">
               <div class="forumstatus_sprite"></div>
               <h3><a href="subforum1.html">Sub-Forum 1</a></h3>
            </div>
            <div class="Forums_LV1_Wrapper">
               <div class="forumstatus_sprite"></div>
               <h3><a href="subforum1.html">Sub-Forum 1</a></h3>
            </div>
            <div class="Forums_LV1_Wrapper">
               <div class="forumstatus_sprite"></div>
               <h3><a href="subforum1.html">Sub-Forum 1</a></h3>
            </div>
            <div class="Forums_LV1_Wrapper">
               <div class="forumstatus_sprite"></div>
               <h3><a href="subforum1.html">Sub-Forum 1</a></h3>
            </div>
         </li>
      </ol>
   </li>
</ol>

CSS

.Forums_LV1
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}

.Forums_LV1_Cat
{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #1D3B57;
	background-color: #325D8C;
}

.Forums_LV1_Cat h2
{
	padding: 5px 5px 5px 8px;
	margin: 0px 0px 0px 0px;
}

.Forums_LV1_Cat h2 a:link,
.Forums_LV1_Cat h2 a:visited,
.Forums_LV1_Cat h2 a:active,
.Forums_LV1_Cat h2 a:focus
{
	color: #FFFFFF;
	text-decoration: none;
	font: 600 12px 'Open Sans';
}

.Forums_LV1_Cat h2 a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	font: 600 12px 'Open Sans';
}

.Forums_LV1_Col
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.Forums_LV1_Bit
{
	display: block;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #DFDFDF;
}

.Forums_LV1_Bit:after
{
	content :".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}

.Forums_LV1_List
{
	width: 25%;
	float: left;
	display: inline-block;
	background: #FAFAFA;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #DFDFDF;
}

.Forums_LV1_List:hover
{
	background: #ECECEC;
}

.Forums_LV1_Wrapper
{
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 0px;
}