Почему кнопки и текстовое поле не отображаются в одной строке?

Question

Я реализую страницу, в которой мне нужны три кнопки и одно текстовое поле в одной горизонтальной плоскости (одна и та же строка). При его реализации он выходит вертикально.
Как я могу решить эту проблему?
Адрес my fiddle.

Я использую это:

<div data-role="fieldcontain"> 

          <input name="text-12" id="text-12" value="" type="text" > 
           <a href="#" data-role="button" data-corners="false" >Search</a> 
           <a href="#" data-role="button" data-corners="false">Next</a> 
           <a href="#" data-role="button" data-corners="false" >Previous</a> 
</div> 

Answer 1

Вы должны добавить

data-inline="true" 

Так что результат будет таким

  <div data-role="fieldcontain"> 

         <input name="text-12" id="text-12" value="" type="text" > 
          <a href="#" data-role="button" data-corners="false" data-inline="true" >Search</a> 
         <a href="#" data-role="button" data-corners="false" data-inline="true">Next</a> 
          <a href="#" data-role="button" data-corners="false" data-inline="true" >Previous</a> 
        </div> 
<div data-role="content" data-theme="d"> 


      <div 

Это можно найти в Jquery мобильных Документах здесь http://jquerymobile.com/demos/1.2.1/docs/buttons/buttons-inline.html