Putting inputs in a single row - html

Question

NOTE: The markup above is auto-generated by JavaServer Faces.
I have the following markup:
<span style="display: block;">
<input checked="checked" type="checkbox">ID
<select size="1" >
<option value="">Select</option>
<option value="EQUAL" selected="selected">=</option>
</select>
<table style="display: inline-table;">
<tbody>
<tr>
<td>
<input name="cr" value="" type="text">
</td>
</tr>
</tbody>
</table>
</span>
JSFiddle
As we can see from that demo, the inputs is not placed in a row.
How can I place them into a single line as follows:

Answer 1

There are two solutions already, but if you dont want to alter your HTML code, then you can achieve it using some simple css rules. as following fiddle
https://jsfiddle.net/nileshmahaja/5ajmkery/7/
CSS
span *{
display:block;
float:left;
margin-right:5px
}
table{
padding:0;
margin-left:20px;
border-collapse:collapse
}

Answer 2

you have to use table tag in your input???, otherwise you can use
<div>
<input checked="checked" type="checkbox" style="float:left" />
<label style="float:left">ID </label>
<select size="1" style="float:left" >
<option value="" >Select</option>
<option value="EQUAL" selected="selected">=</option>
</select>
<input name="cr" value="" type="text" style="float:left">
</div>
i hope that this solution help you

Answer 3

Im not sure about limitations, but u could add display and margin style to table. It's a bit hacky..
<table style="display: inline-block;margin-bottom: -9px;">
<tbody>
<tr>
<td>
<input name="createRecipientDynamicGroupForm:j_idt240:8:j_idt253" value="" type="text">
</td>
</tr>
</tbody>
</table>

Answer 4

You can try this:
<table style="display: inline-table;">
<tbody>
<tr>
<td>
<input checked="checked" type="checkbox">ID
</td>
<td>
<select size="1" > <option value="">Select</option>
<option value="EQUAL" selected="selected">=</option>
</select>
</td>
<td>
<input name="createRecipientDynamicGroupForm:j_idt240:8:j_idt253" value="" type="text">
</td>
</tr>
</tbody>
</table>
Basically I have moved the 1st 2 elements in the table.