How to limit div width spreading?

Question

css

There is a wrapper that contains a table and a signature. It is assumed that the width of the wrapper is determined by the table. Everything is OK until the signature gets too long. She doesn't want to wrap to the second line until the wrapper has a fixed width.

However, it is not possible to set a fixed width for the wrapper, because table width can be changed.
The question is how to make the signature not expand the container, but always fit into it in width and wrap it to another line, if necessary?

Answer 1

https://jsfiddle.net/Ankhena/m8zgqtzt/

<main>
  <table>
    <tr>
      <td>ss</td>
      <td>ss ss</td>
      <td>ss ssss</td>
      <td>ss</td>
      <td>ss</td>
    </tr>
  </table>
  <div>Текст не больше ширины таблицы.</div>
</main>

main {
  position: relative;
  display: inline-block;
  outline: 1px solid #999;
}

table {
  background: #aaa;
}

div {
  position: absolute;
  background: #eee;
}

Answer 2

If it doesn't work, grab the table width dynamically using js and insert it into the max row width