JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<table width="100%" border="1">
   <tbody>
    <tr>
        <td class="smalltext postmenu"><a href="Blah.pl?v-memberpanel/t-1122/a-pm/s-write/"><img src="http://www.thefishy.co.uk/blahdocs/buttons/pm.png" alt="Private Message"></a></td>
		<td class="smalltext style=" align="center">
			<div id="lddiv923098" align="center">
				<span class="art-reply-bar">
					<div class="btn-forum btn-like"><a title="Agree with this post" onclick="EditMessage('Blah.pl?m-1419961527/id-923098/a-approve/l-1',1,'','lddiv923098')">&nbsp;</a></div>
					<div class="trev-forum"><span title="Net score of this post">-1121</span></div>
					<div class="btn-forum btn-dislike"><a title="Disagree with this post" onclick="EditMessage('Blah.pl?m-1419961527/id-923098/a-approve/l-0',1,'','lddiv923098')">&nbsp;</a></div>
				</span>
			</div>
		</td>
		<td class="right smalltext"><strong>Reply:</strong> <a href="#num55">55</a> - 55</td>
   </tr>
  </tbody>
</table>

CSS

.smalltext {
font-weight: normal;
font-size: small;
line-height: 1.5;
}

.postmenu {
font-weight: normal !important;
}

.btn-like a {
	background: url(http://www.thefishy.co.uk/images/fishy.gif) no-repeat -2px -4px;
}
.btn-dislike a {
	background: url(http://www.thefishy.co.uk/images/fishy.gif) no-repeat -2px -34px;
}

div.btn-forum{/* float:right; 
		      margin:0px 12px 0 0; */
		      float:left;}

.btn-forum{
	width:38px;
	float: left;
	border:1px solid #C7C8CA;
	background:-moz-linear-gradient(top,#fff,#eee);background:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.45, rgb(238,238,238)),
		color-stop(0.73, rgb(255,255,255)));
}

div.trev-forum{float:left;	height:26px; vertical-align: middle;}

.trev-forum span {
	/*position: absolute; */
    height: 100%; 
    /*padding-top: 25px; */
    padding-left: 5px;
    padding-right: 5px;
}

.trev-forum{
/*	min-width:28px;  */
	float: left; 
	text-align:left;
/*    display:table; */
    display:table-cell;
    vertical-align:middle;
}

.art-reply-bar {
    text-align:center;
}