How can we display wp-form in one line ?
![](https://techbhupendra.com/wp-content/uploads/2022/06/inline-fields-2.jpg)
How can we display or form in one line ?
In this tutorial, we’ll show you how to display your form in a single line.
Create your form first :
![](http://techbhupendra.com/wp-content/uploads/2022/06/WPForms-Builder-‹-MatrixInfotec-—-WordPress-1-1024x547.png)
2) Go to settings sections -> in the right panel click on -> Advance -> add a Form css Class:
![](http://techbhupendra.com/wp-content/uploads/2022/06/before-add-any-class-1-1024x547.png)
Without add any class your form will display like this
![](http://techbhupendra.com/wp-content/uploads/2022/06/before-form-1.jpg)
![](http://techbhupendra.com/wp-content/uploads/2022/06/2-1-1024x547.png)
3) Add a class name : “inline-fields” and save the form on the top right.
After add the class your form will display like this :
![](http://techbhupendra.com/wp-content/uploads/2022/06/inline-fields-2.jpg)
That’s it! Now you can create forms that will be displayed in a single line.