JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

<table class="membaza">
	<tbody>
		<tr>
			<td colspan="4" class="memnazwa"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></td>
		</tr>
		<tr>
			<td rowspan="2"><div class="avatar mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div></td>
			<td>{memberrow.JOINED}</td>
			<td>{memberrow.GROUPS}</td>

			<td>{memberrow.PM_IMG}</td>
		</tr>
		<tr>
			<td>{memberrow.LASTVISIT}</td>
			<td>{memberrow.POSTS}</td>

			<td>{memberrow.WWW_IMG}</td>
		</tr>

	</tbody>
</table>

CSS

.avatar.mini,
.avatar.mini img {
  height: 80px;
  width: 50px;
}

.membaza {
  width: 800px;
  border: 2px solid black;
  background-color: yellow;
  padding: 4px;
    font-family: 'Verdana', sans-serif;

}

.memnazwa {
  padding: 4px;
  font-size: 14px;
  background-color: teal;
  color: white;
  text-align: right;
  font-family: 'Verdana', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

JavaScript

<!-- BEGIN switch_td_group -->
		
		<!-- END switch_td_group -->

		&nbsp;&nbsp;&nbsp;&nbsp;