Using Adjustable Labels and Inputs for Reflow

The objective of this technique is to be able to present labels and inputs without introducing a horizontal scroll bar by using CSS width, max-width and flexbox property techniques that adapt to the available space to fit the labels and inputs.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porttitor lorem vitae quam aliquam, vel vulputate dolor ultricies. Sed sed nunc ipsum. Aliquam rhoncus risus pellentesque, faucibus nunc sodales, laoreet risus. Nulla interdum purus at facilisis porta.