How to make an input in a table the width of its content?

Question

css

Greetings.
How to lay out a text input in a table so that it is the width of its content (value)?
Without hardcode size in width! Those. the width should be dynamic, according to the length of the text.
Here is a link to the fiddle

sandbox. By default, input looks like this (only part of the text is displayed):


It needs to be like this:


Once again, I draw your attention, the input is not 100% wide, but exactly the length of the text content without manually setting the size.

Thank you!