2 inputfields to be in Single row ,one rendering other

Question

I tried everything I know to bring Job_Role__c and Job_Role__Other__c in single line . Please let me know if it is possible .

<apex:pageBlockSectionItem >         
    <apex:outputLabel value="Job Role"/>
    <!--<apex:outputPanel id="jobRoleOther"  > -->
    <apex:panelGrid columns="2" id="jobRoleOther" >

        <apex:inputField value="{!Contact.Job_Role__c}" required="True" >  
            <apex:actionSupport event="onchange" reRender="jobRoleOther"/>  </apex:inputField>
        &nbsp;
        <apex:inputField id="jo" value="{!Contact.Job_Role_Other__c}" required="True"  rendered="{!IF((Contact.Job_Role__c='Other'),true,false)}"  /> 
    </apex:panelGrid>
    <!-- </apex:outputPanel> -->
</apex:pageBlockSectionItem> 

Answer 1

Add a StyleClass with display:"inline"; for the inputField.