JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<table>
	<tr>
		<td class="me"><strong>[한정판매] 인스타일 InStyle (월간) 1월간 동해물과 백두산이 마르고 닳도록</strong></td>
		<td>11</td>
		<td>11</td>
	</tr>
	<tr>
		<td class="me"></td>
		<td></td>
		<td></td>
	</tr>
</table>

CSS

table {width:100%;}
td {width:25%;font-size:12px;}
.me {position:relative;width:50%;}
.me strong {position:absolute;top:0;left:0;right:0;
overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}