how to show component in single row

[sa sam]

using icefaces / jsf i want to design search bar that contain selectOneMenu,selectInputText, button & connection status

i have written a code for that but i got line break after selectOneMenu. when i remove the selectInputText, i got the every component in single row. so what is the way to get all component in a single row. The code i am using is as follows -

        <div align="center" class="menu_bar" style="position: fixed">
				<ice:outputLabel value="Search :" styleClass="input_box"/>

				<ice:selectOneMenu value="#{productComponent.selectedCategory}" partialSubmit="true">
					<f:selectItems value="#{productComponent.categoryList}"/>
				</ice:selectOneMenu>

				<ice:selectInputText size="50" listValue="#{productComponent.bookList}" listVar="book" 
								valueChangeListener="#{productComponent.autoComplete}"width="350"
                                                                  value="#{productComponent.selectedBook}">
						<f:facet name="selectInputText" >
			                             <ice:outputText value="#{book}" style="font: 12px bold ;left: 0px;" />
			           		</f:facet>
				</ice:selectInputText>
						
				<ice:commandButton value="Go" actionListener="#{productComponent.showRecord}"/>			
	</div>

[Pankaj .k. Jain]

Use a table and place individual component in separate columns of a TABLE ROW

[sa sam]

i have already used that but i am not able to set its position to top. the select input text component getting extra space on top.
i want to fix it in 10px height.

[Pankaj .k. Jain]

use Style Class

<style type="text/css">
td.padding {padding-top:2cm;}
</style>