Two Fields at the same table row - xpages

Question

enter image description hereHow to remove this line? this 2 fiels are in the table.
Table is in a Panel and panel is in a table row.
When i put 2 field into same table row. one field stays under the first field. I just want 2 fields to stand side by side(abreast)
Here is the simple code that maybe you can help me to show both 2 field abreast by adding a CSS code. I do not know which CSS property will help me
<xp:table style="width:646.0px">
<xp:tr>
<xp:td>
<xp:inputText id="inputText2"></xp:inputText>
<xp:inputText id="inputText3"></xp:inputText>
</xp:td>
<xp:td>
<xp:inputText id="inputText4"></xp:inputText>
<xp:inputText id="inputText5"></xp:inputText>
</xp:td>
</xp:tr>
</xp:table>

Answer 1

A Table is the element of choice to have items row up, but not as you use it in your example. if you change the code like that, then you don't need to use css at all:
<xp:table style="width:646.0px">
<xp:tr>
<xp:td>
<xp:inputText id="inputText2"></xp:inputText>
</xp:td>
<xp:td>
<xp:inputText id="inputText3"></xp:inputText>
</xp:td>
<xp:td>
<xp:inputText id="inputText4"></xp:inputText>
</xp:td>
<xp:td>
<xp:inputText id="inputText5"></xp:inputText>
</xp:td>
</xp:tr>
</xp:table>
If this is not possible (for whatever reason), then you can change the "display"- style of your inputText- Elements. Although your example alone does not show the described behaviour (your example code does show inline in my tests) you could change the code like this:
<xp:table style="width:646.0px">
<xp:tr>
<xp:td>
<xp:inputText id="inputText2" style="display: inline"></xp:inputText>
<xp:inputText id="inputText3"></xp:inputText>
</xp:td>
<xp:td>
<xp:inputText id="inputText4" style="display: inline"></xp:inputText>
<xp:inputText id="inputText5"></xp:inputText>
</xp:td>
</xp:tr>
</xp:table>