JSFiddle - React, Tailwind, and code Playground

by InferOn

HTML

<div id="main_forums">
				<div class="main_forum">
				<div class="main_forum_header">
					<img src="images/programming.png" height="70" width="70">
					<span class="main_forum_title">Programming</span>
				</div>
					<div class="main_forum_container">
						<ul>
																	<a href="?p=forums&amp;forum_id=2&amp;sub_id=1">
											<li>
												<img src="images/php.png" height="60" width="60">
												<table>
													<tbody><tr>
														<td class="sub_description" width="800">
															<span>
																PHP - Web Programming															</span>
														</td>
														<td style="margin-right: 0px;">
															Posts: 12011
														</td>
													</tr>
													<tr>
														<td class="sub_description" style="font-size: 12px;" width="800">
															PHP web applications.														</td>
														<td style="float: right;">
															Views: 12012311
														</td>
													</tr>
												</tbody></table>
											</li>
										</a>
																			<a href="?p=forums&amp;forum_id=2&amp;sub_id=2">
											<li>
												<img src="images/python.png" height="60" width="60">
												<table>
													<tbody><tr>
														<td class="sub_description" width="800">
															<span>
																Python - Application Programming															</span>
														</td>
														<td style="margin-right: 0px;">
															Posts: 12011
														</td>
													</tr>
													<tr>
														<td class="sub_description" style="font-size: 12px;" width="800">
															Python Application programming														</td>
														<td style="float: right;">
															Views: 12012311
														</td>
													</tr>
												</tbody></table>
											</li>
										</a>
															</ul>
					</div>
			</div>
				<div class="main_forum">
				<div class="main_forum_header">
					<img...

CSS

a{
	
	text-decoration: none;
}
table{
	display: inline-block;
	line-height: 10px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}
td{
	height: 20px;
}
ul{
	padding: 0px;
	min-width: 700px;
	margin: 0px;
	overflow: hidden;
}
img{
	vertical-align: middle;
	margin-left: 5px;
}
#main_forums li:hover{
	background: #EEE;
	border: 1px solid #EEE;
	border-radius: 4px;
}
#main_forums .main_forum_container li{
	border: 1px solid #FFF;
	clear: both;
	border-radius: 4px;
	display: block;
	min-height: 50px;
	height: 50px;
	min-width: 900px;
	padding-bottom: 10px;
}
#main_forums{
	
}
.sub_description{

}
#main_forums .main_forum {
	background: #880000;
	margin-top: 10px;
	border: 1px solid #800;
	border-radius: 4px;
}
.main_forum_header{
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
}
.main_forum_container{
	background: #FFF;
	color: #800;
	border: 4px solid #800;
	padding: 10px;
}