td content in one line bootstrap

Question

Display td content in one line using bootstrap. I gone through this old post and some more solutions out of google_search, but no luck.

Here is the least HTML:

<td class="column-verticallineMiddle">
  <input type="text" class="form-control form-mediumItem" >
<span class="pull-right pull-top">Abc</span>
</td>

Tried classes without success - pull-right pull-top, inline, etc. I want the text Abc to be displayed on the right of textfield.

Here is the JsFiddle

@downvoters - If you have the solution to this, answer it. Then do the -1, I will appreciate it. Otherwise you don't have rights to do that. If query is not clear then ask me.

Answer 1

If you are using bootstrap, you can use inline form from offical documentation.

<td class="column-verticallineMiddle form-inline" style="vertical-align:middle;">
    <input type="text" class="form-control form-mediumItem" style="width:60%;">
    <span>Abc</span>
</td>

Just add form-inline and determine the input width, see Jsfiddle Here.