how to line up inputs to labels using flexbox code example

Example: how to line up inputs to labels using flexbox

<style>
.wrapper{
    display: flex;
    justify-content: flex-end;
}

.wrapper label{
    flex: 1;
}
.wrapper input{
    flex: 2;
}
</style>

<form>
  <div class="wrapper"><label>The Label</label><input type='text'/></div>
</form>