SOURCE

<table class="main">
	<thead>
		<tr>
			<th>Name</th>
			<th>Age</th>
			<th>Address</th>
			<th>Tags</th>
			<th>Action</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>John Brown</td>
			<td>32</td>
			<td>New York No. 1 lake Park</td>
			<td>
				<table>
					<td class="tags green">NICE</td>
					<td class="tags blue"> DEVELOPER</td>
				</table>
			</td>
			<td>Invite John Brown Delete</td>
		</tr>
		<tr>
			<td>Jim Green</td>
			<td>42</td>
			<td>New York No. 1 lake Park</td>
			<td>
				<table>
					<td class="tags green">LOSER</td>
				</table>
			</td>
			<td>Invite Jim Green Delete</td>
		</tr>
		<tr>
			<td>Joe Black</td>
			<td>32</td>
			<td>Sidney No. 1 Lake Park</td>
			<td>
				<table>
					<td class="tags green">COOL</td>
					<td class="tags blue">TEACHER</td>
				</table>
			</td>
			<td>Invite Joe Black Delete</td>
		</tr>
	</tbody>
	
</table>
<div class="rclick">
	<svg viewBox="64 64 896 896" focusable="false" class="" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true">
	</svg><span>></span>
</div>
<a rel="nofollow"><span></span>1</a>
<div class="lclick">
	<svg viewBox="64 64 896 896" focusable="false" class="" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true">
	</svg><span><</span>
</div>

    .main {
        margin: 0;
        border-collapse: collapse;
    }

    thead {
        background-color: #ccc;
        line-height: 72px;
    }

    .main>tbody>tr>td {
        height: 72px;
        border-bottom: 1px solid #ccc;
    }

    .main>tbody>tr :nth-child(5) {
        color: #0000ff;
    }

    .tags {
        font: 12px;
        border: 1px solid #d9d9d9;
        border-radius: 2px;
    }
    .green {
        color: #52c41A;
        background: #f6ffed;
        margin: 0 8px 0 0;
        padding: 0 7px;
    }
    .blue {
        color: #2f54eb;
        background: #f0f5ff;
        margin: 0 8px 0 0;
        padding: 0 7px;
    }
    .rclick {
        margin: 10px 0 0 0;
        border: 1px solid #f0f0f0;
        float: right;
    }

     a {
        margin: 10px 0 0 0;
        border: 1px solid #1890ff;
        float: right;
        width: 30px;
        height: 36px;
        font-size: 20px;
    }
    a span {
        padding: 10px 5px 8px 5px;
    }

    svg {
        width: 12px;
        height: 12px;
        margin: 10px;
        padding: 0;
    }
    .lclick {
        margin: 10px 0 0 0;
        border: 1px solid #f0f0f0;
        float: right;
    }
    .lclick svg span {
        padding: 5px 15px 8px 5px;
        font-size: 12px;
    }