how to line up inputs to labels using flexbox

1<style>
2.wrapper{
3    display: flex;
4    justify-content: flex-end;
5}
6
7.wrapper label{
8    flex: 1;
9}
10.wrapper input{
11    flex: 2;
12}
13</style>
14
15<form>
16  <div class="wrapper"><label>The Label</label><input type='text'/></div>
17</form>