Pure CSS – Aligned Form:

In this tutorial, we will learn about the Pure Aligned Form. Pure CSS provided the class name called pure-form-aligned to be used along with the class pure-form in the <form> element.

In this aligned form, all the labels would be right aligned so that form input controls get in line with labels. The Aligned form would look as stacked form in the mobile view. We also need to use the pure-control-group class. Let us see the Pure.CSS Aligned form in the below example:

Example:

 

Below is the output: