Place a Button next to a TextBox total 100% width

Question

Is it possible to place a Button next to a TextBox when the Button has a given width (throug it's value) and the Parent div also have a given width. In the end the TextBox width + Button width should be the width of the parent div.

TestExample:

#left
{
    float: left;
    width: 100%;
}
#right 
{
    width: auto;
}

<div>
    <input type="text" id="left"/>
    <input type="button" id="right" value="AnyText"/>
</div>

Thank you!

Answer 1

form { display: flex; }
input[type=text] { flex-grow: 1; }

<form>
  <input type="text">
  <input type="button" value="Button text">
</form>