I have 6 attachment in a VF page. But the alignment is not right it i coming like this

You can see the apex:inputfile in red. I am not able to understand why this is not coming right. Can anybody guide me what i am doing wrong. My VF page code is

<!--Receipt Upload-->
<apex:pageBlock >
<apex:pageBlockSection columns="3" title="Expense Receipt">
    <apex:pageBlockSectionItem >
        <apex:outputLabel value="" for="fileInput" /> 
        <apex:inputFile value="{!attachment.body}" id="fileInput"
          filename="{!attachment.name}" dir="RTL" accept=".xlsx,.pdf,.docx" size="50" />
    </apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >
        <apex:outputLabel value="" for="fileInput1" />
        <apex:inputFile value="{!attachment1.body}" id="fileInput1"
          filename="{!attachment1.name}" dir="RTL1" accept=".xlsx,.pdf,.docx" size="50" />
    </apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >
        <apex:outputLabel value="" for="fileInput2" />
        <apex:inputFile value="{!attachment2.body}" id="fileInput2"
          filename="{!attachment2.name}" dir="RTL2" accept=".xlsx,.pdf,.docx" size="50" />
    </apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >
        <apex:outputLabel value="" for="fileInput3" />
        <apex:inputFile value="{!attachment3.body}" id="fileInput3"
          filename="{!attachment3.name}" dir="RTL3" accept=".xlsx,.pdf,.docx" size="50" />
    </apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >
        <apex:outputLabel value="" for="fileInput4" />
        <apex:inputFile value="{!attachment4.body}" id="fileInput4"
          filename="{!attachment4.name}" dir="RTL4" accept=".xlsx,.pdf,.docx" size="50" />
    </apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >
        <apex:outputLabel value="" for="fileInput5" />
        <apex:inputFile value="{!attachment5.body}" id="fileInput5"
          filename="{!attachment5.name}" dir="RTL5" accept=".xlsx,.pdf,.docx" size="50" />
    </apex:pageBlockSectionItem>
</apex:pageBlockSection>
</apex:pageBlock> 

Attribution to: AnuRaj

Possible Suggestion/Solution #1

It's a case of some delicious copypasta!

The dir attribute only accepts two values. "LTR" and "RTL". "LTR" is the default. Only your first inputFile has a valid value for the dir attribute, so all the others end up being the default "LTR" while the first is "RTL".

Just remove the dir attribute from all of em.

Attribution to: Phil Rymek
This content is remixed from stackoverflow or stackexchange. Please visit https://salesforce.stackexchange.com/questions/4984