Displaying the content of ADF in correct alignment

I was trying to create a web page where in i was accepting multiple input but the output was not coming properly in an aligned form.

So my output was exactly looking like this.



This is not the way i was expecting it i was kind of expecting it to be aligned so i used the

<af:panelFormLayout id="pfl1">
<f:facet name="footer"/>
</af:panelFormLayout>

panelFormatLayout and defined all the input text variable within this layout.

I redeployed my process i got the following result.