JSFiddle - React, Tailwind, and code Playground

HTML

<table width="700">
  <tr>
    <td class="number">123456789</td>
    <td><span>1.</span><p><a href="#">каокой то текст каокой то текст каокой то текст каокой то текст каокой то текст каокой то текст</a></p></td>
    <td class="a-c">12.04.2010</td>
    <td>каокой то текст</td>
    <td class="cost">каокой то текст</td>
  </tr>
  <tr>
    <td class="number">123456789</td>
    <td><span>2.</span><p><a href="#">каокой то текст каокой то текст каокой то текст каокой то текст каокой то текст каокой то текст</a></p></td>
    <td class="a-c">12.04.2010</td>
    <td>каокой то текст</td>
    <td class="cost">каокой то текст</td>
  </tr>
</table>

CSS

span {float: left; padding-right: 10px;}
p {overflow: hidden;}
td {padding: 10px;}