Horizontally Allign all the aui:input inside a div element

[Rohan Meher, modifié il y a 9 années.]

<div id="info1" class="roundCorner"><b>General Information</b>

<aui:input name="LastName" type="text" class="name" placeholder="Last Name"/>
<aui:input name="FirstName" type="text" class="name" placeholder="First Name"/>
<aui:input name="MiddleName" type="text" class="name" placeholder="Middle Name"/>
<aui:input name="Prefix" type="text" class="prefix" placeholder="Prefix"/>
<aui:input name="Suffix" type="text" class="suffix" placeholder="Suffix"/>

</div>

I want all the text input element to be placed horizontally along each other. With the above code its coming one after the other in new line. I need all these text field to be in one line.
css attribute like inline block and other methods not working.

Please help.

[Soukaina HAJI, modifié il y a 9 années.]

if this is what u want :

<div id="info1" class="roundCorner">
<b>General Information</b><br>

<aui:input name="LastName" type="text" class="name" placeholder="Last Name" /><br>
<aui:input name="FirstName" type="text" class="name" placeholder="First Name" /><br>
<aui:input name="MiddleName" type="text" class="name" placeholder="Middle Name" /><br>
<aui:input name="Prefix" type="text" class="prefix" placeholder="Prefix" /><br>
<aui:input name="Suffix" type="text" class="suffix" placeholder="Suffix" /><br>

</div>

U can only add

<br>

or if u insist on css :

<div id="info1" class="roundCorner">
<b>General Information</b>

<aui:input name="LastName" type="text" class="name" placeholder="Last Name" />
<aui:input name="FirstName" type="text" class="name" placeholder="First Name" />
<aui:input name="MiddleName" type="text" class="name" placeholder="Middle Name" />
<aui:input name="Prefix" type="text" class="prefix" placeholder="Prefix" />
<aui:input name="Suffix" type="text" class="suffix" placeholder="Suffix" />

</div>

use this css :

#info1 {
    display: table-caption;
}

if u dnt know where to put this css ,just put it in style=" %css_code%" in the div ..

Regards,
Souka.

[Rohan Meher, modifié il y a 9 années.]

Thanks Souka